@media (min-width:980px){.siteShell{background:radial-gradient(circle at 76% 8%, #0094f821, transparent 28%), radial-gradient(circle at 16% 28%, #416fff14, transparent 26%), var(--page);overflow:clip visible}:root[data-theme=light] .siteShell{background:radial-gradient(circle at 76% 8%, #0094f814, transparent 28%), linear-gradient(180deg, #f8fbff 0, var(--page) 720px)}.topbar{border-bottom-color:color-mix(in srgb, var(--line) 72%, transparent);background:color-mix(in srgb, var(--page) 86%, transparent);height:72px;padding-left:max(32px,50vw - 640px);padding-right:max(32px,50vw - 640px)}.brand,.topActions{width:250px}.brandText strong{font-size:18px}.brandText span{letter-spacing:.04em;margin-top:4px;font-size:10px}.desktopNav{justify-content:center;align-items:center;gap:4px;display:flex}.desktopNav a,.desktopNav button{min-height:40px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.desktopNav a:hover,.desktopNav button:hover,.desktopNav button.active{background:color-mix(in srgb, var(--brand) 8%, var(--surface));color:var(--text)}.desktopNav button.active{color:var(--brand-text)}.topActions{justify-content:flex-end;gap:9px}.walletButton{border-radius:12px;min-width:142px;min-height:44px;padding:0 17px}.walletButton span{display:inline}.themeButton,.installHeaderButton{border-radius:12px}.heroProduct{grid-template-columns:minmax(0,1fr) 650px;align-items:start;gap:clamp(52px,6vw,92px);width:min(100% - 64px,1280px);min-height:calc(100vh - 72px);margin:0 auto;padding:10px 0 56px}.autoswapHero{width:auto;margin:0;padding-top:24px}.autoswapHeroCopy{max-width:530px}.autoswapHeroCopy .heroLabel{letter-spacing:.14em;margin-bottom:16px;font-size:11px}.autoswapHeroCopy h1{letter-spacing:-.052em;max-width:530px;font-size:clamp(58px,4.9vw,74px);line-height:.96}.autoswapHeroCopy>p{max-width:500px;color:var(--muted-strong);margin-top:24px;font-size:17px;line-height:1.62}.autoswapHero .heroActions{flex-direction:row;align-items:center;gap:12px;margin-top:30px}.autoswapHero .heroPrimary,.autoswapHero .heroSecondary{border-radius:12px;width:auto;min-height:52px;padding:0 20px;font-size:13px}.autoswapHero .heroSecondary{border-color:var(--line-strong);background:0 0}.heroTrust{color:var(--muted);gap:10px;margin-top:23px;font-size:12px;display:grid}.heroProduct>.swapCard{border:1px solid color-mix(in srgb, var(--brand) 24%, var(--line));background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 3%, var(--surface)), var(--surface) 150px);border-radius:24px;justify-self:end;width:650px;max-width:650px;scroll-margin-top:92px;overflow:hidden;box-shadow:0 32px 80px #00000047,inset 0 1px #ffffff0a}:root[data-theme=light] .swapCard{box-shadow:0 28px 72px #19446e21,inset 0 1px #ffffffe6}.cardTopline{border-bottom:1px solid var(--line);background:0 0;min-height:54px;padding:6px 10px 0}.modeSwitch{align-self:stretch;gap:6px;width:100%}.modeSwitch button{border-radius:12px 12px 0 0;flex:1;justify-content:center;min-height:47px;font-size:13px}.modeSwitch button.active{background:color-mix(in srgb, var(--brand) 7%, transparent)}.modeSwitch button.active:after{height:3px;left:24px;right:24px}.directDepositSetup{gap:8px;padding:14px 20px 16px}.cardIntro{gap:2px;margin:0}.cardIntro strong{letter-spacing:-.025em;font-size:18px}.cardIntro span{font-size:12px}.coinRow{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-soft) 80%, transparent);border-radius:16px;margin:0;padding:8px 10px}.directDepositSetup .coinRow .feeDetails{flex:none;width:auto;margin-left:auto;font-size:11px}.directDepositSetup .coinRow .feeDetails p{min-width:420px}.settlementChoice>span,.destinationField>span.stepLabel,.directDepositSetup>.stepLabel{font-size:12px}.directDepositSetup .stepLabel{gap:0;margin:0}.settlementOptions button{min-height:56px;color:var(--text);border-radius:14px;padding:8px 12px}.settlementOptions button.active{background:color-mix(in srgb, var(--brand) 9%, var(--surface))}.destinationField input{border-radius:14px;min-height:46px;margin-top:4px;padding:0 16px;font-size:14px}.connectSettlementButton{margin-top:-4px}.destinationConfirmation{border-radius:14px;margin-bottom:0;padding:8px 10px}.directDepositSetup .primaryButton,.quotePanel .primaryButton{border-radius:13px;min-height:46px;margin-top:0;font-size:14px}.siteShell[data-mode=instant] .cardHeading{display:none}.siteShell[data-mode=instant] .quotePanel{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:8px;padding:14px 20px 18px;display:grid}.siteShell[data-mode=instant] .quotePanel>*{grid-column:1/-1;min-width:0;margin-top:0;margin-bottom:0}.siteShell[data-mode=instant] .quotePanel>.tokenBlock:first-child{grid-area:1/1}.siteShell[data-mode=instant] .quotePanel>.flowConnector{grid-area:1/2;min-height:0}.siteShell[data-mode=instant] .quotePanel>.receiveBlock{grid-area:1/3}.siteShell[data-mode=instant] .tokenBlock{padding:10px}.siteShell[data-mode=instant] .amountRow{gap:6px;margin-top:6px}.siteShell[data-mode=instant] .amountRow>input,.siteShell[data-mode=instant] .amountRow>output{height:42px;font-size:30px}.siteShell[data-mode=instant] .assetPicker{min-height:50px;padding:6px 8px}.siteShell[data-mode=instant] .networkLine{margin-top:6px;padding-top:6px}.siteShell[data-mode=instant] .rateLine{padding:9px 11px}.siteShell[data-mode=instant] .destinationField>.stepLabel{margin:0 0 4px}.siteShell[data-mode=instant] .destinationField input{margin-top:0}.siteShell[data-mode=instant] .ratePolicy,.siteShell[data-mode=instant] .advancedSettings{margin:0}.siteShell[data-mode=instant] .ratePolicy .policySwitch{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.siteShell[data-mode=instant] .ratePolicy .policySwitch button{justify-content:center;align-items:center;min-height:44px;padding:7px 10px}.siteShell[data-mode=instant] .ratePolicy legend{margin-bottom:5px}.siteShell[data-mode=instant] .policyHelp summary{min-height:36px;padding:7px 2px}.siteShell[data-mode=instant] .liveQuoteSummary,.siteShell[data-mode=instant] .blockReason,.siteShell[data-mode=instant] .autoswapLink{margin:0}.permanentStory,.howSection,.activitySection,footer{width:min(100% - 64px,1280px)}.permanentStory{padding:96px 0 72px}.storyHeading{max-width:680px}.storyHeading h2{font-size:48px}.benefitGrid{gap:16px;margin-top:38px}.benefitGrid article{border-radius:20px;min-height:190px;padding:28px}.privacyCallout,.oneTimeCallout{border-radius:20px;margin-top:16px}.privacyCallout{padding:28px}.oneTimeCallout{padding:20px 24px}}@media (min-width:980px) and (max-width:1179px){.brand,.topActions{width:210px}.desktopNav a,.desktopNav button{padding-left:10px;padding-right:10px}.heroProduct{grid-template-columns:minmax(0,1fr);gap:38px;width:min(100% - 64px,760px);min-height:auto;padding-top:44px}.autoswapHero{padding-top:16px}.autoswapHeroCopy,.autoswapHeroCopy h1,.autoswapHeroCopy>p{max-width:720px}.autoswapHeroCopy h1{font-size:62px}.heroTrust{display:flex}.heroProduct>.swapCard{justify-self:center}}
@media (max-width:759px){.siteShell{overflow-x:clip}.topbar{height:64px;padding:0 12px}.brand{gap:7px}.brand .brandMark,.brand .brandLogo{width:38px!important;height:38px!important}.brandText strong{font-size:15px}.topActions{gap:6px}.themeButton,.installHeaderButton,.mobileMenu,.walletButton{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.walletButton span,.installHeaderButton{display:none}.mobileNav{position:fixed;top:70px}.serviceBanner{border-radius:11px;width:calc(100% - 24px);min-height:38px;margin:8px auto 0;padding:8px 11px;font-size:11px}.appFrame{min-height:calc(100dvh - 64px)}.heroProduct{gap:0;width:100%;padding:12px 12px 24px}.autoswapHero{display:none}.swapCard{border-radius:18px;width:100%;max-width:none;scroll-margin-top:72px;overflow:hidden;box-shadow:0 12px 32px #0a192914}:root[data-theme=dark] .swapCard{box-shadow:0 14px 36px #0003}.cardTopline{min-height:54px;padding:0 8px}.modeSwitch button{min-height:53px;padding:0 12px;font-size:12px}.modeSwitch button.active:after{left:14px;right:14px}.siteShell[data-mode=instant] .heroProduct{padding:6px 8px 16px}.siteShell[data-mode=instant] .cardTopline{min-height:46px;padding:0 6px}.siteShell[data-mode=instant] .modeSwitch button{min-height:45px}.cardHeading{padding:19px 15px 13px}.cardHeading h2{margin-top:0;font-size:22px}.siteShell[data-mode=instant] .cardHeading{display:none}.quotePanel,.reviewPanel{padding:14px 13px 18px}.siteShell[data-mode=instant] .quotePanel{flex-direction:column;gap:4px;padding:7px 8px 10px;display:flex}.siteShell[data-mode=instant] .quotePanel>*{margin-top:0;margin-bottom:0}.directDepositSetup{gap:9px;padding:13px}.directDepositSetup .stepLabel{gap:0;margin:0}.directDepositSetup .cardIntro,.directDepositSetup .coinRow{display:none}.mobileAutoSummary{gap:2px;margin:0;display:grid}.mobileAutoSummary strong{color:var(--ink);font-size:16px;line-height:1.2}.mobileAutoSummary span{color:var(--muted);font-size:10.5px;line-height:1.35}.settlementChoice{gap:7px}.settlementChoice>.settlementOptions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.settlementOptions button{gap:8px;min-height:62px;padding:10px}.settlementOptions button small{display:none}.destinationField{margin-top:4px}.destinationField input{min-height:50px;margin-top:5px}.directDepositSetup .destinationField:not(.invalid):not(.valid) .destinationHelp{display:none}.directDepositSetup .connectSettlementButton{justify-content:center;align-self:stretch;width:100%;min-height:50px;margin-top:0}.directDepositSetup .compactTrust{margin:0;font-size:10px;line-height:1.35}.tokenBlock{padding:12px}.amountRow{flex-direction:row;align-items:center;gap:8px;margin-top:8px}.amountRow>input,.amountRow>output{flex:auto;height:52px;font-size:32px}.assetPickerWrap,.amountRow>.assetPicker{flex:0 0 154px;width:154px}.assetPicker{min-height:56px;padding:7px 9px}.assetPicker strong{font-size:12px}.assetPicker small{font-size:10px}.networkLine{margin-top:8px;padding-top:8px}.flowConnector{min-height:44px}.flowConnector button{width:42px;height:42px}.siteShell[data-mode=instant] .tokenBlock{padding:7px 8px}.siteShell[data-mode=instant] .amountRow{gap:6px;margin-top:2px}.siteShell[data-mode=instant] .amountRow>input,.siteShell[data-mode=instant] .amountRow>output{height:44px;font-size:27px}.siteShell[data-mode=instant] .assetPickerWrap,.siteShell[data-mode=instant] .amountRow>.assetPicker{flex-basis:142px;width:142px}.siteShell[data-mode=instant] .assetPicker{min-height:46px;padding:4px 7px}.siteShell[data-mode=instant] .assetPicker .assetIcon,.siteShell[data-mode=instant] .assetPicker img,.siteShell[data-mode=instant] .assetPicker .assetFallback{width:34px!important;height:34px!important}.siteShell[data-mode=instant] .assetPicker strong{font-size:11px}.siteShell[data-mode=instant] .assetPicker small{margin-top:0;font-size:9px}.siteShell[data-mode=instant] .networkLine{margin-top:3px;padding-top:3px;font-size:8px}.siteShell[data-mode=instant] .networkLine b{display:none}.siteShell[data-mode=instant] .flowConnector{min-height:28px}.siteShell[data-mode=instant] .flowConnector button{width:34px;height:34px}.rateLine{margin-top:10px;padding:11px 12px}.siteShell[data-mode=instant] .rateLine{gap:1px;padding:6px 8px}.siteShell[data-mode=instant] .rateLine strong{font-size:11px}.siteShell[data-mode=instant] .rateLine span{font-size:9px;line-height:1.3}.siteShell[data-mode=instant] .destinationField{margin:0}.siteShell[data-mode=instant] .destinationField>.stepLabel{margin:0 0 3px;font-size:11px}.siteShell[data-mode=instant] .destinationField input{min-height:42px;margin-top:0;font-size:12px}.siteShell[data-mode=instant] .destinationField:not(.invalid):not(.valid) .destinationHelp{display:none}.policyFieldset,.advancedSettings{margin-top:11px}.siteShell[data-mode=instant] .ratePolicy,.siteShell[data-mode=instant] .advancedSettings{margin:0}.siteShell[data-mode=instant] .ratePolicy .policySwitch{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.siteShell[data-mode=instant] .ratePolicy .policySwitch button{justify-content:center;align-items:center;min-height:38px;padding:4px 7px}.siteShell[data-mode=instant] .ratePolicy legend,.siteShell[data-mode=instant] .policyHelp{display:none}.siteShell[data-mode=instant] .advancedSettings>summary{min-height:38px;padding:6px 8px;font-size:11px}.siteShell[data-mode=instant] .advancedSettings>summary small{font-size:10px}.siteShell[data-mode=instant] .liveQuoteSummary,.siteShell[data-mode=instant] .quoteConsent{display:none}.siteShell[data-mode=instant] .blockReason{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.siteShell[data-mode=instant] .primaryButton{min-height:44px;font-size:13px}.siteShell[data-mode=instant] .autoswapLink{display:none}.primaryButton,.secondaryButton,.textButton,.policySwitch button,.settlementOptions button{touch-action:manipulation}.permanentStory,.howSection{display:none}.activitySection,footer{width:calc(100% - 24px)}footer{margin-top:24px}.footerBrand small,.mobileNav a[href=\#how],.footerLinks a[href=\#how],.footerLinks a[href*=freedomdollar\.com]{display:none}.footerLinks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:359px){.brandText strong{font-size:14px}.assetPickerWrap,.amountRow>.assetPicker{flex-basis:138px;width:138px}.siteShell[data-mode=instant] .assetPickerWrap,.siteShell[data-mode=instant] .amountRow>.assetPicker{flex-basis:126px;width:126px}.settlementOptions button{grid-template-columns:28px minmax(0,1fr);padding:8px}}