:root{--fuel-green:#02E555;--fuel-blue:#88ECD1;--fuel-grey-100:#DDDDDD;--fuel-grey-300:#B2B2B2;--fuel-grey-600:#595959;--fuel-grey-800:#323232;--fuel-white:#FFFFFF;--fuel-black:#000000;--danger:#ff6b62;--slider-track:#242424;--preset-active:#282828;--preset-active-text:#FFFFFF;--bg:#101010;--panel:#101010;--panel-2:#181818;--text:#FAFAFA;--muted:#9E9E9E;--line:#323232;--green:#02E555;--green-text:#101010;--accent-text:#02E555;--info-text:var(--fuel-blue);--header:#101010;color-scheme:dark;font-family:"Space Grotesk",sans-serif;font-weight:400;letter-spacing:-.02em}html[data-theme="light"]{--bg:#FFFFFF;--panel:#FFFFFF;--panel-2:#F5F5F5;--text:#171717;--muted:#737373;--line:#E5E5E5;--green:#02D653;--green-text:#101010;--accent-text:#323232;--info-text:#323232;--header:#FFFFFF;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px}button,input,select{font:inherit;color:inherit}button,a{transition:background .15s,color .15s,border-color .15s,opacity .15s}button{border:1px solid var(--line);border-radius:8px;background:var(--panel-2);padding:.78rem 1rem;cursor:pointer;font-family:"IBM Plex Mono",monospace;font-size:.72rem;font-weight:400;letter-spacing:.05em}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}header{height:70px;position:sticky;top:0;z-index:20;background:var(--header);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1240px)/2));gap:2rem}.brand{display:flex;align-items:center;gap:.65rem;font-size:1.05rem;white-space:nowrap}.mark{display:grid;place-items:center;width:30px;height:30px;background:var(--green);color:var(--green-text);border-radius:7px;font-weight:700}nav{display:flex;align-items:center;gap:1.75rem;margin-left:auto}nav a{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.05em;color:var(--muted);padding:26px 0 23px;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:var(--text)}nav a.active{border-color:var(--green)}.header-actions{display:flex;align-items:center;gap:.5rem}.icon,.menu{width:39px;height:39px;padding:0}.menu{display:none}.wallet{background:var(--green);border-color:var(--green);color:var(--green-text);min-width:92px}main{min-height:calc(100vh - 150px);padding:0 24px}.grid{display:grid}.hero{max-width:1240px;margin:auto;grid-template-columns:1fr 520px;gap:80px;align-items:center;padding:78px 0 96px}.eyebrow{font-family:"IBM Plex Mono",monospace;font-size:.68rem;letter-spacing:.08em;color:var(--green);margin:0 0 18px;text-transform:uppercase}.hero h1,.page-head h1{font-size:clamp(3.4rem,7vw,6.8rem);line-height:.9;letter-spacing:-.055em;margin:0;font-weight:700}.lede,.page-head>p:last-child{font-size:1.15rem;line-height:1.55;color:var(--muted);max-width:590px;margin:30px 0}.text-link{display:inline-block;border-bottom:1px solid var(--green);padding-bottom:4px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px}.builder{box-shadow:none}.builder label{display:block;font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin:20px 0 9px}.builder label:first-child{margin-top:0}.segmented,.terms{display:flex;background:var(--bg);padding:4px;border-radius:9px;border:1px solid var(--line)}.segmented button{flex:1;background:transparent;border:0}.segmented button.selected,.terms button.selected,.tabs button.selected{background:var(--green);color:var(--green-text);border-color:var(--green)}.amount{display:flex;align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:0 14px}.amount input{border:0;outline:0;background:transparent;width:100%;padding:14px 0;font-size:1.45rem}.amount span{font-family:"IBM Plex Mono",monospace;font-size:.72rem;letter-spacing:.06em}.terms{gap:4px}.terms button{flex:1;border:0;background:transparent;display:flex;flex-direction:column;gap:2px}.terms strong{font-size:1rem}.terms span{font-size:.6rem;text-transform:uppercase}.summary{border-top:1px solid var(--line);margin-top:22px;padding-top:12px}.summary div,.metric{display:flex;justify-content:space-between;align-items:center;padding:9px 0}.summary span,.metric span{color:var(--muted);font-size:.83rem}.summary strong,.metric strong{font-size:.9rem}.green{color:var(--green)}.primary{background:var(--green);border-color:var(--green);color:var(--green-text)}.builder>.primary{width:100%;margin-top:18px}.fine{font-family:"IBM Plex Mono",monospace;font-size:.6rem!important;line-height:1.55!important;letter-spacing:.03em!important;color:var(--muted)}.fine.wide{max-width:1240px;margin:18px auto}.features{max-width:1240px;margin:0 auto 90px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr)}.features article{padding:38px 36px 38px 0;border-right:1px solid var(--line)}.features article+article{padding-left:36px}.features article:last-child{border:0}.features span{font-family:"IBM Plex Mono",monospace;color:var(--green);font-size:.68rem}.features h2{font-size:1.35rem;margin:36px 0 12px}.features p,.panel p{color:var(--muted);line-height:1.55}.page-head{max-width:1240px;margin:72px auto 48px}.page-head h1{font-size:clamp(2.8rem,6vw,5.6rem)}.page-head>p:last-child{margin:22px 0 0}.tabs,.market-tools{max-width:1240px;margin:0 auto 22px;display:flex;gap:8px;overflow:auto}.tabs button{text-transform:capitalize;white-space:nowrap;background:transparent}.cards,.split,.faucet-grid,.admin-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.position-head{display:flex;justify-content:space-between}.position h2{margin:0;font-size:1.8rem}.pill{font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;padding:7px 9px;border:1px solid var(--line);border-radius:999px;height:max-content}.pill.active,.pill.matured{background:var(--green);color:var(--green-text);border-color:var(--green)}dl{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:28px 0}dt{color:var(--muted);font-size:.75rem}dd{margin:5px 0 0}.button-row{display:flex;gap:7px;flex-wrap:wrap}.empty{max-width:1240px;margin:0 auto;text-align:center;border:1px dashed var(--line);border-radius:14px;padding:72px 24px;color:var(--muted)}.empty>span{font-size:2rem;color:var(--green)}.empty h2{color:var(--text);margin:16px 0 8px}.market-tools input,.market-tools select{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 14px}.market-tools input{flex:1}.table-wrap{max-width:1240px;margin:auto;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--line)}th{font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}td{font-size:.88rem}td small{display:block;color:var(--muted);margin-top:4px}.small{padding:.55rem .75rem}.stat-grid{max-width:1240px;margin:0 auto 16px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.stat{padding:25px;background:var(--panel);border-right:1px solid var(--line)}.stat:last-child{border:0}.stat span{display:block;font-family:"IBM Plex Mono",monospace;color:var(--muted);font-size:.62rem;letter-spacing:.05em;text-transform:uppercase}.stat strong{display:block;font-size:1.65rem;margin-top:22px}.split section{padding:28px}.faucet-grid,.admin-grid{grid-template-columns:repeat(3,1fr)}.faucet-grid h2,.admin-grid h2{margin-top:0}.faucet-grid button{width:100%;margin-top:18px}.status-message{max-width:1240px;margin:16px auto;border:1px solid var(--line);border-radius:8px;padding:14px}.docs-layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:220px 1fr;gap:70px}.docs-layout aside{display:flex;flex-direction:column;gap:14px;position:sticky;top:100px;height:max-content;font-family:"IBM Plex Mono",monospace;font-size:.68rem;color:var(--muted)}.prose{max-width:740px}.prose h2{font-size:1.8rem;margin:0 0 16px;padding-top:12px;scroll-margin-top:90px}.prose p{color:var(--muted);font-size:1.03rem;line-height:1.7;margin:0 0 46px}.prose a{color:var(--green);text-decoration:underline}.big-number{font-size:2.3rem;color:var(--text)!important}.link-button{display:inline-block;padding:.8rem 1rem;border-radius:8px}footer{max-width:1240px;margin:80px auto 0;padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.04em}
@media(max-width:900px){header{padding:0 18px}.menu{display:block}nav{display:none;position:fixed;inset:70px 0 0;background:var(--bg);padding:40px 24px;flex-direction:column;align-items:flex-start;gap:0}nav.open{display:flex}nav a{font-family:"Space Grotesk";font-size:2rem;letter-spacing:-.03em;padding:14px 0;width:100%}.hero{grid-template-columns:1fr;gap:48px;padding:55px 0}.features{grid-template-columns:1fr}.features article,.features article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.faucet-grid,.admin-grid{grid-template-columns:1fr}.docs-layout{grid-template-columns:1fr;gap:35px}.docs-layout aside{position:static;flex-direction:row;overflow:auto}.table-wrap{overflow-x:auto}table{min-width:780px}}
@media(max-width:600px){main{padding:0 16px}.hero{padding-top:42px}.hero h1{font-size:3.5rem}.builder{padding:18px}.features{margin-bottom:55px}.features h2{margin-top:24px}.page-head{margin:50px auto 34px}.cards,.split{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr}.stat,.stat:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.market-tools{flex-direction:column}.header-actions{margin-left:auto}.wallet{min-width:75px}.position .button-row button{flex:1}footer{margin:55px 16px 0;flex-direction:column;gap:8px}}

/* Fuel Credit visual system */
::selection {
	color: var(--fuel-black);
	background: var(--green);
}
:focus-visible {
	outline: 2px solid var(--green);
	outline-offset: 3px;
}
header {
	height: 66px;
	padding: 0 40px;
	gap: 28px;
	background: var(--panel);
	backdrop-filter: none;
}
.brand {
	display: inline-flex;
	align-items: center;
	height: 20px;
	gap: 10px;
	font-size: 24px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.02em;
}
.brand img {
	width: 20px;
	height: 20px;
}
nav {
	gap: 28px;
}
nav a {
	padding: 0;
	border: 0;
	font-family: "Space Grotesk", sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
}
nav a.active {
	border: 0;
	color: var(--text);
}
button {
	border-radius: 8px;
	background: transparent;
	font-family: "Space Grotesk", sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
}
button:hover:not(:disabled),
.icon:hover,
.wallet:hover {
	border-color: var(--line);
	background: var(--panel-2);
}
.icon,
.menu {
	box-sizing: border-box;
	width: 34px;
	height: 34px;
	min-width: 34px;
	padding: 0;
	border-radius: 50%;
	background: transparent;
}
.icon svg,
.menu svg {
	display: block;
	width: 16px;
	height: 16px;
	margin: auto;
	fill: currentColor;
}
.wallet {
	min-width: 0;
	height: 34px;
	padding: 0 14px;
	border-color: var(--line);
	border-radius: 999px;
	background: transparent;
	color: var(--text);
	font-size: 14px;
}
.eyebrow,
.green,
.features span,
.prose a {
	color: var(--accent-text);
}
.hero {
	max-width: none;
	min-height: calc(100dvh - 66px);
	grid-template-columns: 1.1fr 1fr;
	gap: 0;
	padding: 0;
	align-items: stretch;
}
.hero > div:first-child,
.builder {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 40px;
}
.hero > div:first-child {
	border-right: 1px solid var(--line);
}
.hero h1,
.page-head h1 {
	font-size: clamp(50px, 4.8vw, 68px);
	line-height: 0.95;
	letter-spacing: -0.04em;
	font-weight: 600;
}
.lede,
.page-head > p:last-child {
	max-width: 43ch;
	margin: 24px 0;
	font-size: 15px;
	line-height: 1.6;
}
.eyebrow {
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.text-link {
	width: fit-content;
	font-size: 13px;
	border-bottom-style: dotted;
}
.panel,
.builder,
.table-wrap,
.stat-grid,
.empty {
	border-radius: 0;
	box-shadow: none;
}
.builder {
	border: 0;
	background: var(--panel-2);
}
.builder label {
	font-family: "Space Grotesk", sans-serif;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}
.segmented {
	padding: 0;
	gap: 8px;
	border: 0;
	background: transparent;
}
.segmented button,
.terms button {
	min-height: 58px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: var(--panel-2);
}
.segmented button.selected,
.terms button.selected,
.tabs button.selected {
	background: var(--green);
	border-color: var(--green);
	color: var(--fuel-black);
}
.amount {
	padding: 6px 6px 6px 14px;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid var(--line);
	background: transparent;
}
.amount input {
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -0.035em;
}
.token-pill {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 14px 6px 6px;
	border-radius: 999px;
	background: var(--panel-2);
}
.token-pill img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
}
.terms {
	padding: 0;
	gap: 8px;
	border: 0;
	background: transparent;
}
.terms button {
	min-height: 68px;
	text-align: left;
	align-items: flex-start;
	padding: 12px 13px;
}
.terms strong {
	font-size: 15px;
	font-weight: 500;
}
.summary {
	margin-top: 24px;
	padding-top: 8px;
}
.summary div {
	padding: 8px 0;
}
.summary span,
.summary strong {
	font-size: 13px;
	font-weight: 400;
}
.token-value {
	display: flex;
	align-items: center;
	gap: 6px;
}
.token-value img {
	width: 16px;
	height: 16px;
	border-radius: 50%;
}
.primary,
.link-button,
.new-loan-action {
	min-height: 50px;
	border: 0;
	border-radius: 12px;
	background: var(--green);
	color: var(--fuel-black);
	font-size: 15px;
	font-weight: 600;
}
.features {
	margin-bottom: 0;
	border-color: var(--line);
}
.features h2 {
	font-weight: 600;
}
.page-head {
	margin-top: 64px;
}
.page-head h1 {
	font-size: clamp(44px, 5vw, 68px);
}
.tabs button,
.market-tools input,
.market-tools select,
.small,
.link-button {
	border-radius: 8px;
}
.stat-grid,
.table-wrap,
.panel,
.empty,
.status-message,
.market-tools input,
.market-tools select {
	border-color: var(--line);
}
.stat,
.panel,
.table-wrap,
.market-tools input,
.market-tools select {
	background: var(--panel);
}
.pill.active,
.pill.matured {
	background: transparent;
	border-color: var(--green);
	color: var(--accent-text);
}
.fuel-connectors-dialog-content {
	border: 1px solid var(--line) !important;
	border-radius: 16px !important;
	background: var(--panel) !important;
	color: var(--text) !important;
	box-shadow: none !important;
}
.fuel-connectors-dialog-content h2 {
	color: var(--text) !important;
	font-family: "Space Grotesk", sans-serif !important;
}
.fuel-connectors .fuel-connectors-connector-item {
	border: 1px solid transparent;
	border-radius: 10px !important;
	background: var(--panel-2) !important;
	color: var(--text) !important;
	font-family: "Space Grotesk", sans-serif !important;
}
@media (max-width: 900px) {
	header {
		height: 62px;
		padding: 0 16px;
	}
	.brand {
		font-size: 24px;
	}
	.icon,
	.menu {
		width: 38px;
		height: 38px;
	}
	nav {
		inset: 62px 0 0;
		z-index: 30;
		gap: 8px;
		padding: 20px 16px max(24px, env(safe-area-inset-bottom));
		background: var(--panel-2);
	}
	nav a {
		display: flex;
		align-items: center;
		min-height: 56px;
		padding: 0 16px;
		border: 1px solid var(--line);
		border-radius: 10px;
		background: var(--panel);
		font-size: 18px;
		font-weight: 500;
		letter-spacing: -0.02em;
	}
	.hero {
		min-height: 0;
		grid-template-columns: 1fr;
	}
	.hero > div:first-child {
		padding: 48px 32px;
		border-right: 0;
		border-bottom: 1px solid var(--line);
	}
	.builder {
		padding: 48px 32px;
	}
}
@media (max-width: 600px) {
	main {
		padding: 0;
	}
	.hero {
		padding: 0;
	}
	.hero > div:first-child,
	.builder {
		padding: 28px 16px;
	}
	.hero h1 {
		font-size: 40px;
	}
	.builder {
		background: var(--panel);
	}
	.features,
	.page-head,
	.cards,
	.split,
	.faucet-grid,
	.admin-grid,
	.stat-grid,
	.market-tools,
	.table-wrap,
	.docs-layout,
	.status-message {
		margin-inline: 16px;
	}
	.wallet {
		height: 38px;
		padding-inline: 10px;
		font-size: 12px;
	}
	.header-actions {
		gap: 4px;
	}
}
.token-stack{display:flex;align-items:center;width:38px}.token-stack img{position:relative;z-index:2;flex:0 0 24px;border-radius:50%}.token-stack img+img{z-index:1;margin-left:-10px}.amount-range{width:100%;height:6px;margin-top:18px;cursor:pointer}.range-scale{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:10px}
.amount input{min-width:0}.token-pill{flex:0 0 152px;justify-content:center;white-space:nowrap}
.lede strong{color:var(--text);font-weight:700}
.protocol-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.protocol-badges span,.protocol-badges a{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:600;line-height:1}.protocol-badges a{color:var(--text)}.protocol-badges a:hover,.protocol-badges a:focus-visible{border-color:var(--green)}

@media(max-width:600px){.lede{margin-bottom:0}.protocol-badges{margin-top:8px}}
.onboarding-actions{display:grid;gap:8px;margin-top:18px}.onboarding-actions.connected{grid-template-columns:1fr 1fr}.onboarding-actions>*{width:100%}@media(max-width:600px){.onboarding-actions.connected{grid-template-columns:1fr}}.faucet-action{display:flex;align-items:center;justify-content:center;padding-inline:18px;text-align:center}.connected-account{overflow-wrap:anywhere;color:var(--muted);font-family:"IBM Plex Mono",monospace;font-size:10px;line-height:1.45}.page-head,.tabs,.cards,.split,.faucet-grid,.admin-grid,.stat-grid,.market-tools,.table-wrap,.docs-layout,.fine.wide,.status-message,footer{width:min(1240px,calc(100% - 80px))}@media(max-width:600px){.page-head,.tabs,.cards,.split,.faucet-grid,.admin-grid,.stat-grid,.market-tools,.table-wrap,.docs-layout,.fine.wide,.status-message,footer{width:auto;margin-inline:16px}}
.mobile-label,.network-toggle,.connect-menu{display:none}.nav-icon{box-sizing:border-box;display:grid;place-items:center;width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text)}.nav-icon svg{display:block;width:16px;height:16px;fill:currentColor}.wallet-connect{display:inline-flex;align-items:center;justify-content:center}.network-toggle button[aria-pressed=true]{color:var(--green)}@media(max-width:900px){body.menu-open{overflow:hidden}header{z-index:40}.menu{display:grid;place-items:center}nav{display:flex;position:static;inset:auto;gap:6px;margin-left:auto;padding:0;background:transparent}nav>a,nav>.nav-icon,nav>.network-toggle{display:none}nav>.wallet-connect{display:inline-flex}nav.open{position:fixed;inset:62px 0 0;z-index:39;display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:20px 16px max(24px,env(safe-area-inset-bottom));background:var(--panel-2)}nav.open>a,nav.open>.nav-icon{box-sizing:border-box;display:flex;flex:0 0 auto;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-height:58px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:18px;font-weight:600}nav.open>.nav-icon svg{width:18px;height:18px}nav.open .mobile-label{display:inline}.network-toggle{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.network-toggle button{min-height:58px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:16px;font-weight:600;text-align:left}.network-toggle button:disabled{opacity:1;color:var(--muted)}nav.open>.network-toggle{display:grid}nav.open>.wallet-connect{display:flex;width:100%;min-height:58px;border:0;border-radius:10px;background:var(--green);color:var(--green-text);font-size:16px;font-weight:700}nav.open .connect-short{display:none}nav.open .connect-menu{display:inline}header:has(nav.open) nav>.wallet-connect{display:flex}.menu svg{width:18px;height:18px;fill:currentColor}}

@media(max-width:900px){header{gap:6px}.menu{margin-left:0}header:has(nav.open) .menu{margin-left:auto}}
.amount-presets{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.amount-presets>div{display:flex;gap:8px}.amount-presets button{min-width:44px;min-height:30px;padding:4px 12px;border:0;border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:13px}.amount-presets button[aria-pressed=true]{background:var(--preset-active);color:var(--preset-active-text)}.amount-presets>span{color:var(--muted);font-size:14px;white-space:nowrap}.price-note{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.45}@media(max-width:380px){.amount-presets{gap:8px}.amount-presets>div{gap:4px}.amount-presets button{min-width:40px;padding-inline:9px}.amount-presets>span{font-size:12px}}
.home-stats{margin-bottom:0}main:has(.home-stats)+footer{margin-top:40px}

/* Fuel Credit-style single-screen earn workbench. */
.earn-workbench{display:grid;grid-template-columns:1fr 1fr}.earn-left,.earn-right{padding:40px}.earn-left{display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.earn-intro h1{margin:0;font-size:clamp(50px,4.8vw,68px);font-weight:600;line-height:.95;letter-spacing:-.04em}.earn-intro .lede{margin:24px 0}.earn-controls{margin-top:34px}.earn-controls>label{display:block;margin:22px 0 8px;color:var(--muted);font-size:13px}.earn-controls>label:first-child{margin-top:0}.earn-result-head{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.earn-result-head small{font-size:12px}.earn-total{display:flex;align-items:center;gap:12px;margin:10px 0 4px;white-space:nowrap}.earn-total img{width:50px;height:50px}.earn-total strong,.earn-total>span{font-size:clamp(48px,5vw,74px);font-weight:600;line-height:1;letter-spacing:-.055em}.earn-availability{margin:14px 0 26px;color:var(--muted);font-size:14px}.earn-pair{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.earn-pair article{min-width:0;padding:16px 18px 16px 0}.earn-pair article+article{padding-left:18px;border-left:1px solid var(--line)}.earn-pair article>span,.earn-pair small{display:block;color:var(--muted);font-size:11px}.earn-pair strong{display:flex;align-items:center;gap:7px;margin:8px 0 5px;font-size:16px;white-space:nowrap}.earn-pair .token-stack{display:flex;width:18px}.earn-pair .token-stack img{width:18px;height:18px;flex-basis:18px}.earn-pair .token-stack img+img{margin-left:-8px}.earn-breakdown{margin-top:14px}.earn-breakdown div{padding:6px 0}.earn-right .onboarding-actions{margin-top:18px}.earn-page+footer{display:none}
@media(min-width:901px){.earn-page{display:grid;grid-template-rows:minmax(0,1fr) auto;height:calc(100dvh - 66px);min-height:0;padding:0;overflow:hidden}.earn-workbench{min-height:0}.earn-left,.earn-right{min-height:0;padding:clamp(22px,2.8vw,40px)}.earn-controls{margin-top:clamp(18px,2.5vh,34px)}.earn-intro .lede{margin:clamp(14px,2vh,24px) 0}.earn-controls>label{margin-top:clamp(12px,1.8vh,22px)}.home-stats{width:100%;max-width:none;margin:0;border-inline:0}.home-stats .stat{padding:16px 40px}.home-stats .stat strong{margin-top:10px;font-size:20px}}
@media(max-width:900px){.earn-workbench{grid-template-columns:1fr}.earn-left,.earn-right{padding:48px 32px}.earn-left{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:600px){.earn-left,.earn-right{padding:28px 16px}.earn-intro h1{font-size:40px}.earn-controls{margin-top:28px}.earn-total img{width:36px;height:36px}.earn-total strong,.earn-total>span{font-size:40px}.earn-pair{grid-template-columns:1fr}.earn-pair article+article{padding-left:0;border-top:1px solid var(--line);border-left:0}.earn-pair article{padding:15px 0}.home-stats{margin-inline:16px}}
.earn-breakdown{border-top:0}.home-stats .stat{display:flex;align-items:baseline;gap:6px;padding:11px 40px}.home-stats .stat span,.home-stats .stat strong{display:inline;margin:0;font-size:12px;white-space:nowrap}.amount-range{-webkit-appearance:none;appearance:none;height:4px;border:0;border-radius:0;outline:0}.amount-range::-webkit-slider-runnable-track{height:4px;border:0;background:transparent}.amount-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border:0;border-radius:50%;background:var(--fuel-grey-800)}.amount-range::-moz-range-track{height:4px;border:0;background:var(--slider-track)}.amount-range::-moz-range-progress{height:4px;background:var(--green)}.amount-range::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:var(--fuel-grey-800)}@media(max-width:600px){.home-stats .stat{justify-content:space-between;padding:11px 22px}}
.earn-control-head{display:flex;align-items:center;justify-content:space-between;gap:20px;height:18px;margin-bottom:8px;color:var(--muted);font-size:13px}.earn-control-head span{font-size:12px}.earn-controls .amount{height:39px;padding:0;border:0}.earn-controls .amount input{height:39px;padding:0;font-size:30px}.earn-controls .token-pill{padding:0;background:transparent}.earn-controls>label{margin-top:28px;margin-bottom:8px}
.earn-control-head,.amount-presets button,.amount-presets>span{font-weight:400}.earn-controls .amount input,.terms strong{font-weight:500}.terms span,.earn-result-head,.earn-availability,.earn-pair article>span,.earn-pair small,.home-stats .stat span{font-weight:400}.earn-pair strong,.home-stats .stat strong{font-weight:500}.lede strong{font-weight:400}

.earn-intro .lede,.earn-intro .lede strong{font-weight:300}
@media(min-width:901px){.earn-page{grid-template-rows:minmax(0,1fr);padding-bottom:40px}.home-stats{position:fixed;right:0;bottom:0;left:0;z-index:10;width:100%;height:40px;margin:0}}
@media(min-width:901px) and (max-height:720px){.earn-right{padding-block:20px}.earn-availability{margin:8px 0 14px}.earn-pair article{padding-block:10px}.earn-breakdown{margin-top:8px}.earn-breakdown div{padding:4px 0}.earn-right .onboarding-actions{margin-top:10px}}
.mobile-stat-label{display:none}.earn-pair .token-stack{width:39px;gap:3px}.earn-pair .token-stack img+img{margin-left:0}@media(max-width:600px){.home-stats{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:8px 12px;width:100%;margin:0;padding:14px 16px;border:0;border-top:1px solid var(--line)}.home-stats .stat{justify-content:flex-start;gap:5px;padding:0;border:0;background:var(--panel)}.home-stats .stat span{font-family:"Space Grotesk",sans-serif;font-size:14px;letter-spacing:-.02em;text-transform:none}.home-stats .stat strong{font-size:15px}.home-stats .desktop-stat-label{display:none}.home-stats .mobile-stat-label{display:inline}}@media(max-width:350px){.home-stats{grid-template-columns:1fr}}
.home-stats .stat .mobile-stat-label{display:none}@media(max-width:600px){.home-stats .stat .desktop-stat-label{display:none}.home-stats .stat .mobile-stat-label{display:inline}}