:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--page);font-synthesis:none;-webkit-font-smoothing:antialiased;--page: #f5f5ee;--surface: #fffef9;--surface-muted: #eeefe6;--text: #192a21;--muted: #5d685f;--border: #d6dbce;--input-border: #87917f;--forest: #14281e;--accent: #cef276;--accent-hover: #bde65e;--on-accent: #14281e;--inverse: #f6f8ed;--error: #963b28;--error-bg: #fff0e8;--warning: #73551e;--focus: #476623;--radius: 18px;--small: .8125rem;--body: 1rem;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:from-font}button{cursor:pointer;border:1px solid var(--input-border);border-radius:9px;background:transparent;color:var(--text);padding:11px 17px;min-height:44px;font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.4}button:disabled{cursor:not-allowed;color:var(--muted);background:var(--surface-muted);border-color:var(--border)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:disabled{background:var(--surface-muted);border-color:var(--border);color:var(--muted)}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input:focus-visible{outline-offset:2px}.site-header :focus-visible{outline-color:var(--accent)}h1,h2,p{margin:0}h1,h2{text-wrap:balance}p{text-wrap:pretty}h2{font-size:1.5rem;font-weight:600;line-height:1.2;letter-spacing:-.035em}strong{font-weight:600}small{font-size:.75rem;font-weight:400;color:var(--muted)}code{overflow-wrap:anywhere;font-size:.8125rem}section[id],h2[id]{scroll-margin-top:24px}.skip{position:absolute;inset-inline-start:16px;top:-80px;padding:12px;background:var(--accent);color:var(--text);z-index:9}.skip:focus{top:12px}.site-header{background:var(--forest);color:var(--inverse);min-height:88px;display:flex;align-items:center;gap:40px;padding:16px max(28px,calc((100vw - 1200px)/2))}.brand{font-size:1.6rem;font-weight:650;letter-spacing:-.06em;display:inline-flex;align-items:center;text-decoration:none;line-height:1.2}.brand-dot{color:var(--accent)}.mark{display:grid;place-items:center;background:var(--accent);color:var(--forest);height:32px;width:32px;margin-inline-end:12px;border-radius:8px;font-weight:750;font-size:1.4rem;transform:rotate(-5deg)}nav{display:flex;gap:30px;margin-inline-start:30px;font-size:.875rem}nav a{text-decoration:none;min-height:44px;display:flex;align-items:center}.wallet{display:flex;align-items:center;gap:22px;margin-inline-start:auto}.network{font-size:.8125rem;white-space:nowrap}.network span{color:var(--accent);margin-inline-end:6px}.connect{color:var(--inverse);border-color:#7d8d7a}.connect:disabled{color:var(--text)}main{max-width:1200px;margin:auto;padding:0 28px}.intro{display:flex;justify-content:space-between;gap:40px;align-items:center;padding:55px 0 43px}.eyebrow{font-size:.6875rem;font-weight:650;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.intro h1{font-size:clamp(2.5rem,4.5vw,3.9rem);font-weight:500;line-height:1.06;letter-spacing:-.06em;margin-bottom:20px}.intro h1 span{color:var(--muted)}.intro>div>p:last-child{color:var(--muted);max-width:47ch;font-size:.9375rem}.testnet-note{border-inline-start:1px solid var(--border);padding-inline-start:30px;min-width:215px}.testnet-note p{color:var(--muted);font-size:.875rem;margin:16px 0}.testnet-note a{font-size:.8125rem;font-weight:600}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:5px;font-size:.6875rem;font-weight:600;line-height:1.4;background:#e5ebd7;color:var(--text)}.pill.neutral{background:var(--surface-muted);color:var(--muted)}.status-strip{display:flex;gap:9px;align-items:center;padding:12px 0;border-block:1px solid var(--border);font-size:.75rem;color:var(--muted);flex-wrap:wrap}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--warning)}.status-dot.ok{background:var(--focus)}.status-strip .text-button{margin-inline-start:auto}.text-button{border:0;padding:4px 0;min-height:32px;font-size:.75rem;color:var(--text);text-decoration:underline;text-underline-offset:3px}.text-button:disabled{background:transparent}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;padding:28px 0 34px;gap:28px}.metrics>div{display:flex;flex-direction:column;gap:4px}.metrics>div+div{padding-inline-start:28px;border-inline-start:1px solid var(--border)}.label{font-size:.75rem;color:var(--muted)}.metrics strong{font-size:1.75rem;letter-spacing:-.04em;font-weight:500;font-variant-numeric:tabular-nums}.metrics strong small{font-size:.8125rem;letter-spacing:0;margin-inline-start:4px}.muted{color:var(--muted);font-size:.75rem}.workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:28px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.panel-heading .eyebrow{margin-bottom:8px}.token-mark{display:grid;place-items:center;background:var(--forest);color:var(--accent);width:40px;height:40px;border-radius:50%;font-size:1.4rem;font-weight:600;flex-shrink:0}.section-description{font-size:.875rem;color:var(--muted);margin-bottom:25px}.field-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:23px 0 8px}.field-heading label,.tolerance label{font-size:.8125rem;font-weight:600}input{border:1px solid var(--input-border);border-radius:9px;color:var(--text);background:var(--surface);width:100%;min-width:0;padding:13px 15px;font-size:1rem;font-variant-numeric:tabular-nums}input::placeholder{color:var(--muted)}input[aria-invalid=true]{border-color:var(--error)}.amount-field{display:flex;align-items:center;position:relative;border:1px solid var(--input-border);border-radius:10px;padding-inline-end:16px}.amount-field input{border:0;background:transparent;font-size:1.625rem;letter-spacing:-.025em;padding-block:17px}.amount-field input:focus-visible{outline-offset:0}.amount-field>span{font-size:.8125rem;font-weight:650}.hint{font-size:var(--small);color:var(--muted);line-height:1.55;margin-top:9px;max-width:70ch}.order-preview{margin-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;background:var(--surface-muted);padding:13px;border-radius:8px;font-size:.75rem}.order-preview strong{font-variant-numeric:tabular-nums}.field-error{color:var(--error);font-size:.8125rem;margin-top:10px;overflow-wrap:anywhere}.field-error:empty{display:none}.steps{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.step-number{border-radius:50%;border:1px solid currentColor;display:inline-grid;place-items:center;font-size:.625rem;width:18px;height:18px;flex-shrink:0}.prerequisites{margin-top:14px}.inset-note{border-radius:10px;background:var(--surface-muted);padding:16px;font-size:.75rem;margin-top:22px;line-height:1.6}.inset-note p{color:var(--muted);margin-top:6px}.segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted);padding:4px;margin:23px 0 4px;gap:4px}.segmented button{min-height:38px;border:1px solid transparent;padding:8px}.segmented button[aria-pressed=true]{background:var(--surface);border-color:var(--input-border)}.swap-arrow{text-align:center;font-size:1.5rem;line-height:1;padding:12px}.receive{background:var(--surface-muted);border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:5px}.receive strong{font-size:1.625rem;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.receive strong small{font-size:.8125rem}.tolerance{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px}.tolerance>div{display:flex;align-items:center;gap:6px}.tolerance input{width:76px;padding:6px 10px;text-align:end;min-height:40px}.wide{width:100%;margin-top:18px}.swap-panel>.hint{margin-top:18px}.route{border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;font-size:.75rem;color:var(--muted)}.route a{color:var(--text)}.quote-details{font-size:.75rem;color:var(--muted);margin-top:14px}.levels,.orders{margin-top:24px}.level-list{margin-top:22px}.level-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:15px 0;border-top:1px solid var(--border)}.level-row>div:first-child{display:flex;flex-direction:column;gap:5px}.level-row strong{font-size:.875rem;font-variant-numeric:tabular-nums}.level-amount{text-align:end}.bar{height:5px;background:var(--surface-muted);border-radius:3px;margin-top:10px;overflow:hidden}.bar span{display:block;height:100%;background:var(--focus);border-radius:3px}.empty{padding:33px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;color:var(--muted);font-size:.875rem}.empty>span{font-size:1.8rem;color:var(--input-border);line-height:1.2;margin-bottom:4px}.empty strong{color:var(--text);font-weight:500}.empty button,.empty a{margin-top:12px}.event-progress{font-size:.75rem;color:var(--muted);margin-top:12px}.event-progress:empty{display:none}.order-list{margin-top:24px}.order-row{display:grid;grid-template-columns:1.1fr 1fr 1.1fr auto;gap:24px;padding:20px 0;border-top:1px solid var(--border);font-size:.8125rem}.order-row>div{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0;overflow-wrap:anywhere}.order-row>div:last-child{align-items:flex-end;justify-content:center}.small{padding:9px 12px;font-size:.75rem}.count{font-size:.75rem;color:var(--muted);vertical-align:middle;margin-inline-start:8px;letter-spacing:0}.account-label{font-family:ui-monospace,monospace;font-size:.8125rem}.about{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding:60px 0 44px}.about h2{font-size:1.875rem;font-weight:500;margin-bottom:16px}.about>div>p:last-child{font-size:.875rem;color:var(--muted);max-width:38ch}.explain{display:flex;flex-direction:column;gap:22px}.explain>div{display:flex;gap:20px}.explain>div>span{font-size:.75rem;color:var(--muted);padding-top:2px}.explain p{font-size:.8125rem;color:var(--muted);max-width:68ch}.explain strong{color:var(--text)}.deployment-details{border-top:1px solid var(--border);padding:20px 0;color:var(--muted);font-size:.8125rem}.deployment-details summary{cursor:pointer;min-height:30px;align-content:center}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:20px 0}.details-grid>div{display:flex;flex-direction:column;gap:12px;min-width:0}.contract-links a{overflow-wrap:anywhere}.notice{padding:16px;border-radius:10px;margin:16px 0;font-size:.8125rem;overflow-wrap:anywhere}.error{color:var(--error);background:var(--error-bg)}.warning{color:var(--warning);background:#f6edce}.transaction-status{font-size:.875rem}.transaction-status>p{padding:20px;background:var(--surface-muted);border-radius:10px;margin-bottom:20px}.boot{padding:100px 28px}.boot .brand{margin-bottom:32px}.boot h1{font-size:2rem}.boot p{margin:18px 0;max-width:70ch}.boot .brand-dot,footer .brand-dot{color:var(--focus)}footer{border-top:1px solid var(--border);max-width:1144px;margin:auto;padding:30px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--muted);font-size:.75rem}footer .brand{color:var(--text);font-size:1.25rem}dialog{border:1px solid var(--border);border-radius:var(--radius);padding:0;background:var(--surface);color:var(--text);width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#14281e99}.dialog-content{padding:28px}.dialog-content h2{margin-bottom:16px}.dialog-content>p{margin-top:12px;font-size:.875rem}.dialog-content code{display:inline;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.dialog-actions button{flex:1}dialog a{overflow-wrap:anywhere}@media(hover:hover){button:not(:disabled):hover{background:var(--surface-muted)}button.primary:not(:disabled):hover{background:var(--accent-hover);border-color:var(--accent-hover)}.connect:not(:disabled):hover{background:#2d4235}a:hover{text-decoration:underline}.text-button:not(:disabled):hover{background:transparent}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s,scale .12s}button:not(:disabled):active{scale:.96}}@media(max-width:62rem){.site-header{gap:22px}nav{margin-inline-start:0;gap:20px}.network{display:none}.workspace{gap:18px;grid-template-columns:1.1fr 1fr}.panel{padding:22px}.steps{grid-template-columns:1fr}.about{gap:40px}footer{margin-inline:28px}.order-row{gap:16px}.site-header .wallet{gap:0}}@media(max-width:46rem){.site-header{flex-wrap:wrap;padding:18px 20px;gap:14px}.site-header .brand{font-size:1.4rem}nav{order:3;width:100%;border-top:1px solid #405044;padding-top:8px}nav a{min-height:32px}.wallet{margin-inline-start:auto}.connect{font-size:.75rem;padding-inline:12px}main{padding-inline:20px}.intro{padding:32px 0;gap:22px}.intro h1{font-size:2.75rem}.testnet-note{display:none}.metrics{gap:14px;padding:22px 0}.metrics>div+div{padding-inline-start:14px}.metrics strong{font-size:1.3rem}.metrics .muted{font-size:.6875rem}.workspace{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.panel{padding:22px}.order-row{grid-template-columns:1fr 1fr}.order-row>div:last-child{align-items:flex-start}.about{grid-template-columns:1fr;gap:28px;padding-top:40px}.details-grid{grid-template-columns:1fr}.panel-heading{flex-wrap:wrap}.level-row{gap:14px}.levels .panel-heading>button{font-size:.75rem}.dialog-content{padding:22px}footer{margin-inline:20px;flex-wrap:wrap}footer>span:last-child{display:none}}@media(max-width:24rem){main{padding-inline:16px}.site-header{padding-inline:16px;gap:10px}.mark{width:27px;height:27px;margin-inline-end:7px}.site-header .brand{font-size:1.25rem}.connect{padding-inline:9px}.intro h1{font-size:2.375rem}.metrics{grid-template-columns:1fr 1fr}.metrics>div:last-child{grid-column:1/-1;padding-inline-start:0;border-inline-start:0;display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:8px}.metrics>div:last-child .muted{width:100%}.panel{padding:18px}.steps,.level-row{grid-template-columns:1fr}.level-amount{text-align:start}.dialog-actions{flex-direction:column}.status-strip .text-button{margin-inline-start:0}.amount-field input{font-size:1.375rem}}@media(forced-colors:active){button,input,.amount-field,.panel{border:1px solid ButtonText}:focus-visible{outline-color:Highlight}.bar span{background:Highlight}}