/* PayGem's layout uses the typography, whitespace and product surfaces of Radom. */
:root{--ink:#080808;--muted:#777781;--purple:#5359ff;--purple-dark:#4248e4;--wash:#f7f7fa;--font:'Inter',Arial,sans-serif}
body{font-weight:400}
.container{width:min(1080px,calc(100% - 64px))}
h2{font-size:clamp(42px,5.5vw,68px);font-weight:500;line-height:1.06;letter-spacing:-3.2px}
h3{font-weight:500;letter-spacing:-1.3px}
.eyebrow{font-family:Consolas,monospace;color:#6063f3;font-size:11px;letter-spacing:1.2px;font-weight:400}
.section{padding-block:120px}
.section-heading{max-width:850px;margin-bottom:60px}
.section-heading p{font-size:16px;line-height:1.6;margin-top:26px}
.nav-wrap{width:min(1080px,calc(100% - 64px));height:76px;gap:52px}
.brand{font-size:27px;font-weight:650;letter-spacing:-1.4px}
.main-nav{gap:26px}.main-nav>a{color:#55555c;font-size:12px;font-weight:500}
.nav-actions{gap:12px}
.button{min-height:43px;padding:12px 22px;font-size:13px;font-weight:500;gap:12px}
.button-small{min-height:39px;padding:10px 20px}
.button-outline{border-color:#d8d8df;color:#38383e}
.hero{padding-top:85px;padding-bottom:0}
.hero-content{max-width:960px;padding:0 30px}
.hero h1{font-size:80px;line-height:1.01;letter-spacing:-4.5px;font-weight:500}
.hero-description{font-size:16px;line-height:1.65;margin-top:27px;color:#7c7c84;letter-spacing:-.2px}
.hero-buttons{margin-top:24px;gap:12px}
.hero-buttons .button{min-height:42px;padding:11px 24px;font-size:13px}
.hero-art{height:auto;object-fit:contain;opacity:1;z-index:1;width:190px;animation:coin-float 8s ease-in-out infinite;filter:none}
.hero-art-left,.hero-art-right{transform:none;right:auto;left:auto}
.coin-btc{left:calc(50% - 678px);top:55px;width:194px}
.coin-usdt{left:calc(50% - 565px);top:271px;width:134px;animation-delay:-2s}
.coin-usdc{right:calc(50% - 665px);top:42px;width:197px;animation-delay:-4s}
.coin-eth{right:calc(50% - 581px);top:267px;width:143px;animation-delay:-1s}
.dashboard-preview{margin-top:64px}
.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.preview-card{height:288px;background:#f7f7fa;border:0;box-shadow:none;border-radius:22px;padding:24px}
.card-label{font-size:11px;font-weight:500;color:#81818b}
.soft-tag{font-size:9px;background:white;border:0;padding:5px 8px}
.payment-status-icon{margin-top:22px;width:38px;height:38px}
.payment-preview h3{font-size:12px;color:#777780}
.payment-amount{font-size:41px;font-weight:500;letter-spacing:-2px}
.small-line{font-size:10px;color:#83838e}.green-dot-text{font-size:10px}
.balance-amount{font-size:42px;font-weight:500;margin-top:32px}
.balance-amount>small{font-size:11px}.balance-detail{font-size:9px}.green-pill{font-size:9px}
.event-row strong{font-size:11px;font-weight:500}.event-row small{font-size:9px}.event-time{font-size:9px}
.event-icon{background:white}.events-footer{font-size:9px;color:#92929b}
.chart-wrap{margin-inline:-24px}
.audience-strip{padding-block:43px 46px}.audience-strip>span{font-size:11px;color:#92929a}
.audience-strip>div{font-size:13px;font-weight:500;gap:40px;color:#72727d}
.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.solution-card{grid-column:auto;grid-row:auto;padding:40px;border:0;border-radius:30px;background:#f7f7fa;min-height:560px;display:block}
.solution-copy{position:relative;max-width:100%;z-index:2}
.solution-card h3,.solution-copy h3{font-size:36px;line-height:1.13;letter-spacing:-1.5px}
.solution-card p,.solution-copy p{max-width:360px;font-size:14px;line-height:1.6;margin-top:16px;color:#82828b}
.product-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;background:white;border-radius:8px;color:#92929b;font-size:12px;font-weight:500;margin-bottom:20px}
.product-badge svg{width:17px;height:17px}
.solution-card .text-link{margin-top:20px;font-size:12px;font-weight:500;min-height:20px}
.solution-large{background:#000;min-height:620px;color:white}
.solution-large .product-badge{background:#2d2d2d;color:#eee}
.solution-large p{color:#a1a1a8}.solution-large .text-link{color:#b3b6ff}
.solution-api{min-height:620px;background:#f9f9f9}
.product-art{position:absolute;pointer-events:none;overflow:hidden;z-index:0}
.product-art video{width:100%;height:100%;object-fit:cover;display:block}
.chain-art{left:0;right:0;bottom:-12px;height:310px}
.chain-art video{object-fit:contain}
.ring-art{left:0;right:0;bottom:-4px;height:300px}
.link-pill{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);border:1px solid #444348;background:#29292bdd;backdrop-filter:blur(12px);border-radius:40px;display:flex;align-items:center;gap:12px;padding:7px 7px 7px 17px;white-space:nowrap;font-size:11px;color:#ededf2;z-index:2}
.link-pill .mini-logo{font-size:22px;color:#b6adff}
.link-pill-arrow{width:36px;height:36px;display:grid;place-items:center;background:#5359ff;border-radius:50%;margin-left:10px}
.link-pill-arrow svg{width:18px;height:18px}
.solution-small,.solution-control{min-height:535px}
.settlement-coin{position:absolute;width:230px;height:230px;object-fit:contain;right:35px;bottom:25px;transform:rotate(-15deg);pointer-events:none}
.settlement-label{display:flex;flex-direction:column;gap:10px;position:absolute;bottom:67px;left:40px;font-size:12px;color:#8d8d99;z-index:1}
.settlement-label svg{width:23px;height:23px;color:#6266ee;rotate:90deg;margin:0 0 1px 8px}
.settlement-label strong{font-weight:500;color:#40404a}
.solution-control .control-visual{top:auto;left:40px;right:30px;bottom:35px;width:auto;transform:rotate(-5deg)}
.control-visual>div{padding:17px 15px;font-size:11px;box-shadow:0 4px 20px #00000003;border-color:#eeedf3;color:#6b6976}
.control-visual>div>span:last-child{font-size:9px}
.control-visual>div+div{margin-top:10px;transform:translateX(10px)}
.control-visual>div:nth-child(3){transform:translateX(20px)}
.methods-section{background:white;border:0;padding-block:30px 90px}
.split-heading p{font-size:15px;color:#81818b;line-height:1.6}
.methods-layout{gap:70px;align-items:stretch;background:#f7f7fa;border-radius:30px;padding:36px}
.method-list{align-self:center}.method-option{padding:18px 15px;border-radius:12px}
.method-option strong{font-size:14px;font-weight:500}.method-option small{font-size:11px;color:#91919b}
.method-option.active{box-shadow:none;border-color:transparent}.method-icon{background:white;color:#9594ae}
.method-display{min-height:488px;background:radial-gradient(ellipse,#e7e7ff,transparent 70%)}
.method-display-grid{opacity:.12}
.method-bottom{font-size:11px;color:#92929b;border-color:#eeeef3}
.checkout-card{transform:rotate(-4deg);box-shadow:0 18px 60px #64628715}
.flow-section{padding-top:55px}
.flow-panel{background:#f7f7fa;border-radius:24px;padding:36px;gap:50px}
.flow-panel h3{font-size:30px;font-weight:500}.flow-panel p{font-size:14px}
.flow-terminal{background:white;box-shadow:none}
.api-section{background:#f7f7fa;padding-block:105px}
.api-section:before{display:none}
.api-layout{gap:70px}
.api-copy h2{font-size:56px;line-height:1.06;font-weight:500;letter-spacing:-2.7px;color:#080808}
.api-copy h2>span{color:#080808}.api-copy .eyebrow{color:#6266ee}
.api-copy>p{font-size:14px;line-height:1.65;color:#7c7c86;max-width:350px}
.api-benefits li{font-size:12px;color:#656573}.api-benefits svg{color:#6065ed}
.api-copy .button{background:#5359ff;color:white;font-size:12px}
.code-window{background:#111116;border-color:#202026;border-radius:20px;box-shadow:0 24px 50px #00000012}
.code-top{background:#17171d;border-color:#303039}.code-window pre{font-size:12px;line-height:1.9;min-height:310px}
.code-foot{background:#111116;font-size:9px;border-color:#282831}.code-tabs button{font-size:11px}
.onboarding-grid{gap:32px}.onboarding-grid h3{font-size:20px;font-weight:500;letter-spacing:-.7px}
.onboarding-grid p{font-size:14px;line-height:1.6}.onboarding-number{font-family:Consolas,monospace;font-size:12px;color:#6065ed}
.pricing-note{background:#f7f7fa;border:0;border-radius:18px}.pricing-note strong{font-weight:500;font-size:15px}.pricing-note p{font-size:13px}
.faq-section{grid-template-columns:1fr 1fr;gap:70px;padding-top:0;padding-bottom:110px}
.faq-section h2{font-size:45px;font-weight:500;line-height:1.1;letter-spacing:-2px}
.faq-list summary{font-size:14px;font-weight:500}.faq-list details p{font-size:13px;line-height:1.65}
.final-cta{background:#f7f7fa;padding:65px 60px;border-radius:30px;text-align:left;isolation:isolate}
.final-cta>.eyebrow{color:#6366ec;font-size:10px;max-width:70%}
.final-cta h2{font-size:54px;letter-spacing:-2.5px;color:#080808;max-width:780px;font-weight:500}
.final-cta p{color:#85858f;font-size:14px;max-width:65%;margin:23px 0 27px}
.final-cta .button{background:#5359ff;color:white;min-height:43px;font-size:13px}
.cta-coin{position:absolute;right:-70px;bottom:-70px;width:315px;opacity:1;z-index:-1;pointer-events:none;transform:rotate(-10deg)}
.footer{padding-top:70px}.footer-top>div>p{font-size:13px}.footer-links a,.footer-links button,.footer-links strong{font-size:12px}.footer-links{gap:48px}
.footer-bottom{font-size:10px}.footer-bottom>span:nth-child(2){font-size:10px;color:#92909a}
@keyframes coin-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}
@media(hover:hover) and (pointer:fine){.solution-card:hover{box-shadow:none}.solution-large:hover{box-shadow:0 18px 50px #0000000d}.settlement-coin{transition:transform .7s}.solution-small:hover .settlement-coin{transform:rotate(-6deg) translateY(-8px)}}
@media(max-width:1100px){
 .nav-wrap{gap:28px}.main-nav{gap:18px}.hero h1{font-size:72px}.hero-art{width:150px}.coin-btc{left:-57px;top:64px}.coin-usdt{left:12px;top:298px;width:100px}.coin-usdc{right:-63px;top:64px}.coin-eth{right:10px;top:281px;width:107px}
 .preview-card{padding:22px 20px}.card-label{font-size:10px}.balance-amount{font-size:36px}.balance-detail{flex-wrap:wrap}.chart-wrap{margin-inline:-20px}.event-row{gap:8px}.event-time{display:none}
 .solution-card{padding:32px}.solution-card h3,.solution-copy h3{font-size:33px}.settlement-coin{width:210px;right:7px}.settlement-label{left:32px;font-size:11px}.methods-layout{gap:20px;padding:26px}.api-layout{gap:35px}.api-copy h2{font-size:49px}.code-window pre{font-size:11px}
}
@media(max-width:800px){
 .container,.nav-wrap{width:calc(100% - 40px)}.nav-wrap{gap:20px}.main-nav{gap:14px}.main-nav>a{font-size:11px}.nav-actions .button{font-size:11px;padding:10px 15px}
 .hero{padding-top:65px}.hero h1{font-size:64px;letter-spacing:-3.5px}.hero-art{width:135px}.coin-btc{left:-61px}.coin-usdc{right:-62px}.coin-usdt{left:-13px;top:265px;width:100px}.coin-eth{right:-10px;top:261px;width:100px}
 .preview-grid{gap:12px}.preview-card{padding:20px 15px;height:270px}.payment-amount{font-size:35px}.balance-amount{font-size:31px}.balance-amount>small{font-size:9px;margin-left:5px}.card-label{font-size:10px}.soft-tag{display:none}.small-line,.green-dot-text{font-size:9px}.event-row strong{font-size:10px}.event-row small{font-size:8px}.events-footer{font-size:8px}.chart-wrap{margin-inline:-15px}
 .audience-strip>div{gap:20px;font-size:11px}.section{padding-block:90px}.section-heading{margin-bottom:45px}h2{font-size:51px;letter-spacing:-2.5px}
 .solution-card{padding:28px;min-height:530px}.solution-card h3,.solution-copy h3{font-size:31px}.solution-card p{font-size:13px}.solution-api,.solution-large{min-height:600px}.chain-art{height:285px}.ring-art{height:270px}.settlement-coin{bottom:52px;width:180px;right:8px}.settlement-label{bottom:32px;left:28px;font-size:10px}.solution-control .control-visual{left:22px;right:24px;bottom:50px}.control-visual>div{font-size:10px;padding:14px 10px}.control-visual>div>span:last-child{font-size:8px}.product-badge{font-size:11px;padding:9px 11px}
 .methods-layout{gap:10px;padding:22px}.method-option{padding:17px 10px;gap:10px}.method-option strong{font-size:13px}.method-option small{font-size:10px}.checkout-card{width:255px}.flow-panel{gap:25px;padding:26px}.api-copy h2{font-size:41px}.code-window pre{font-size:10px}.faq-section{gap:35px}.faq-section h2{font-size:36px}.final-cta{padding:50px 36px}.final-cta h2{font-size:44px}.cta-coin{width:260px;right:-85px}
}
@media(max-width:680px){
 .container,.nav-wrap{width:calc(100% - 36px)}.nav-wrap{height:70px}.brand{font-size:24px}.nav-actions .button{font-size:11px;min-height:38px}.main-nav>a{font-size:14px}.main-nav.open{display:flex}
 .hero{padding-top:57px}.hero-content{padding:0 20px}.hero h1{font-size:clamp(40px,9.5vw,60px);line-height:1.06;letter-spacing:-2.3px}.hero-description{font-size:14px;line-height:1.65;margin:25px auto 0;max-width:330px}.hero-buttons{margin-top:24px;gap:8px;flex-direction:row;flex-wrap:wrap}.hero-buttons .button{font-size:12px;min-height:43px;padding:12px 18px}
 .hero-art{width:92px;opacity:1}.coin-btc{left:-38px;top:0}.coin-usdc{right:-38px;top:4px}.coin-usdt{left:-45px;top:230px;width:94px}.coin-eth{right:-45px;top:236px;width:94px}
 .dashboard-preview{margin-top:44px}.preview-grid{grid-template-columns:minmax(0,1fr);gap:12px}.preview-card{height:240px;padding:23px 25px;border-radius:20px}.balance-preview{order:-1}.payment-preview{display:none}.events-preview{display:none}.balance-amount{font-size:43px;margin-top:20px}.balance-amount>small{font-size:13px;margin-left:9px}.card-label{font-size:12px}.balance-detail{font-size:10px;gap:10px}.green-pill{font-size:10px}.chart-wrap{height:63px;margin-inline:-25px}.balance-preview .small-line{font-size:10px;margin-top:3px}.tether-badge{width:26px;height:26px;font-size:16px}
 .audience-strip{padding-block:32px}.audience-strip>span{font-size:11px}.audience-strip>div{font-size:12px;gap:18px 28px}
 .section{padding-block:75px}.section-heading{margin-bottom:36px}h2{font-size:40px;letter-spacing:-1.8px;line-height:1.1}.section-heading p,.split-heading p{font-size:14px;margin-top:20px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:20px}
 .solutions-grid{display:grid;grid-template-columns:1fr;gap:16px}.solution-card{border-radius:24px;padding:30px;min-height:510px}.solution-large,.solution-api{min-height:590px}.solution-card h3,.solution-copy h3{font-size:34px;letter-spacing:-1.4px}.solution-card p,.solution-copy p{font-size:14px;max-width:100%}.product-badge{font-size:12px;margin-bottom:22px}.solution-card .text-link{font-size:12px;min-height:28px;margin-top:17px}.chain-art{height:280px}.ring-art{height:280px}.link-pill{bottom:27px;font-size:11px}.settlement-coin{width:215px;height:215px;right:5px;bottom:28px}.settlement-label{left:30px;bottom:50px;max-width:110px;font-size:11px;line-height:1.5}.solution-control .control-visual{left:26px;right:38px;bottom:32px;top:auto}.control-visual>div{padding:17px 12px;font-size:10px}.control-visual>div>span:last-child{font-size:9px}
 .methods-section{padding-block:5px 65px}.split-heading{margin-bottom:32px}.methods-layout{grid-template-columns:1fr;padding:16px 12px;border-radius:24px;gap:15px}.method-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.method-option{padding:14px 6px;gap:8px;min-height:90px}.method-option strong{font-size:11px}.method-option small{display:none}.method-display{min-height:458px}.checkout-card{width:270px;padding:21px;transform:rotate(-3deg)}.method-display-note{font-size:10px;max-width:250px;bottom:2px}.method-bottom{font-size:11px;gap:12px}.method-bottom>span:last-child{font-size:11px}
 .flow-section{padding-top:5px}.flow-step strong{font-size:10px}.flow-step>span{font-size:11px}.flow-panel{grid-template-columns:1fr;padding:25px 20px;gap:25px}.flow-panel h3{font-size:28px}.flow-panel p{font-size:14px}.flow-terminal pre{font-size:10px;padding:18px 14px}.flow-panel .text-link{font-size:12px}
 .api-section{padding-block:70px}.api-layout{grid-template-columns:1fr;gap:35px}.api-copy h2{font-size:46px;letter-spacing:-2.2px}.api-copy>p{font-size:14px;max-width:100%}.api-benefits li{font-size:12px}.code-window pre{font-size:11px;min-height:290px;padding:24px 17px}.code-tabs button{font-size:12px}.code-foot{font-size:9px;line-height:1.6}
 .onboarding-grid{gap:28px}.onboarding-grid h3{font-size:20px}.onboarding-grid p{font-size:14px}.onboarding-number{top:25px}.pricing-note{padding:24px 20px}.pricing-note strong{font-size:15px}.pricing-note p{font-size:13px}
 .faq-section{padding-bottom:70px}.faq-section h2{font-size:38px}.faq-section>div>p{font-size:14px}.faq-list summary{font-size:14px}.faq-list details p{font-size:13px}
 .final-cta{padding:42px 27px 52px;border-radius:24px}.final-cta>.eyebrow{font-size:9px;max-width:100%;line-height:1.7}.final-cta h2{font-size:35px;line-height:1.12;letter-spacing:-1.6px}.final-cta p{font-size:13px;max-width:80%;margin:23px 0 27px}.final-cta .button{font-size:12px}.cta-coin{width:205px;right:-115px;bottom:-30px;opacity:.75}
 .footer{padding-top:50px}.footer-links{gap:26px}.footer-links a,.footer-links button,.footer-links strong{font-size:12px}.footer-bottom,.footer-bottom>span:nth-child(2){font-size:10px}
}
@media(prefers-reduced-motion:reduce){.hero-art{animation:none;translate:none}.settlement-coin{transition:none}}
.brand-mini{font-size:16px;letter-spacing:-.7px}
/* Keep supporting copy readable on the very light reference surfaces. */
.hero-description,.solution-card:not(.solution-large) p,.method-bottom,.split-heading p,.api-copy>p,.final-cta p,.method-option small{color:#696974}
.product-badge{color:#6d6d78}