:root{--ink:#171716;--muted:#6f6b65;--line:#e5e2dc;--paper:#fff;--soft:#f7f6f3;--warm:#fff4ef;--red:#e51f2b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 "DM Sans",sans-serif}h1,h2,h3{margin:0;font-family:"Newsreader",Georgia,serif;line-height:1.06;letter-spacing:-.025em}h1{max-width:850px;font-size:clamp(3rem,5vw,5.5rem)}h2{max-width:760px;font-size:clamp(2.15rem,3.3vw,3.75rem)}h3{font-size:1.55rem}p{color:var(--muted)}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section{padding:112px 0;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 18px;color:#87827b;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 19px;color:#fff;background:var(--red);border:1px solid var(--red);border-radius:4px;font-size:.82rem;font-weight:700}.button:hover{background:#bd121e}.button.small{min-height:36px;padding:0 14px;font-size:.73rem}.button.secondary{color:var(--ink);background:#fff;border-color:#cbc7bf}.button.black{background:#171716;border-color:#393937}.actions{display:flex;gap:10px;flex-wrap:wrap}.red-link,.three-up a,.two-up a{color:var(--red);font-size:.75rem;font-weight:700}.muted{background:var(--soft)}
.site-header{position:sticky;top:0;z-index:10;height:68px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-wrap{height:100%;display:flex;align-items:center}.logo{font-weight:700;letter-spacing:-.04em}.logo span{color:var(--red)}.nav-wrap nav{display:flex;gap:28px;margin-left:58px;font-size:.76rem;font-weight:600}.nav-actions{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:.76rem;font-weight:600}.mobile-menu{display:none;margin-left:auto}.mobile-menu summary{font-size:1.4rem;list-style:none}.mobile-menu div{position:absolute;top:68px;right:15px;width:200px;padding:15px;display:grid;background:#fff;border:1px solid var(--line);box-shadow:0 15px 35px #0002}.mobile-menu a{padding:9px}
.hero{padding:128px 0 118px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}.lead{max-width:700px;margin:30px 0 28px;font-size:1.1rem}.trust{font-size:.78rem}.payment-card{background:#fff;border:1px solid #dcd8d1;box-shadow:0 30px 80px rgba(25,20,16,.09)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#faf9f7;border-bottom:1px solid var(--line)}.tabs span{padding:14px 4px;color:#77736d;text-align:center;font-size:.64rem;border-bottom:2px solid transparent}.tabs .active{color:var(--ink);border-color:var(--red)}.card-body{padding:27px}.card-body>small{color:#8a867f;font-size:.62rem;letter-spacing:.12em}.amount{display:flex;justify-content:space-between;gap:20px;margin:10px 0 24px}.amount b,.amount em{display:block}.amount b{font:600 1.85rem "Newsreader",serif}.amount em{color:var(--muted);font-size:.68rem;font-style:normal}.amount i{align-self:start;padding:5px 8px;color:#a31822;background:#fff0f1;border-radius:20px;font-size:.61rem;font-style:normal;font-weight:700}.card-body dl{margin:0}.card-body dl div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:.68rem}.card-body dd{margin:0;font-weight:600}.meter{height:4px;margin:19px 0 13px;background:#eeeae4}.meter span{display:block;width:63%;height:100%;background:var(--red)}.card-body>p{font-size:.67rem}
.coin-band{padding:60px 0 52px;background:var(--warm);border-block:1px solid #f5dcd2}.section-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-row h2{font-size:1.65rem}.coins{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:35px}.coins>div{display:flex;align-items:center;gap:10px}.coins i{width:30px;height:30px;display:grid;place-items:center;color:white;border-radius:50%;font-style:normal;font-weight:700}.coins span,.coins b,.coins small{display:block}.coins b{font-size:.7rem}.coins small{color:#89857e;font-size:.6rem}.btc{background:#f7931a}.bch{background:#0ac18e}.ltc{background:#345d9d}.doge{background:#c2a633}.dash{background:#008ce7}.eth{background:#627eea}.works{border-bottom:1px solid var(--line)}.works .shell{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:26px;color:#716d66;font-size:.69rem}.works span{color:#99948c;text-transform:uppercase;letter-spacing:.12em}
.three-up{display:grid;grid-template-columns:repeat(3,1fr);margin-top:54px;border:1px solid var(--line)}.three-up article{padding:34px;border-right:1px solid var(--line)}.three-up article:last-child{border:0}.three-up article>i{width:38px;height:38px;display:grid;place-items:center;margin-bottom:24px;color:var(--red);background:#fff1f2;border-radius:50%;font-style:normal}.three-up p{min-height:76px;font-size:.86rem}.split{display:grid;grid-template-columns:.72fr 1.28fr;gap:100px}.center{align-items:center}.copy p{max-width:480px}.flow-card{padding:40px;background:#fff;border:1px solid var(--line)}.wallet-row{display:flex;align-items:center;justify-content:center}.wallet-row>div{width:160px;height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:var(--soft);border:1px solid var(--line);font-size:.72rem}.wallet-row>div span{font-size:1.5rem}.wallet-row>i{flex:1;color:var(--red);text-align:center;font-size:.64rem;font-style:normal}.watch{width:66%;margin:32px auto;padding:14px;background:#fff5f1;border:1px solid #f5dbd1}.watch b,.watch small{display:block}.watch b{font-size:.72rem}.watch small{color:var(--muted);font-size:.62rem}.flow-card>p{padding:15px;border:1px solid var(--line);font-size:.7rem}
.checkout-visual{min-height:300px;margin:45px 0 18px;display:flex;align-items:center;justify-content:center;gap:20px;background:#faf9f7;border:1px solid var(--line)}.checkout-visual>div{width:180px;height:135px;padding:24px;background:#fff;border:1px solid #d9d6d0;box-shadow:0 10px 25px #0000000a}.checkout-visual small{width:21px;height:21px;display:grid;place-items:center;color:white;background:#aaa7a0;border-radius:50%}.checkout-visual span{display:block;width:100%;height:8px;margin-top:12px;background:#eeeae4}.checkout-visual span:nth-of-type(2){width:65%}.checkout-visual div>b{display:block;margin-top:17px;font-size:.72rem}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-up article{position:relative;padding:35px;border:1px solid var(--line)}.corner{position:absolute;right:30px;top:30px;color:#aaa69f}.two-up article>p:not(.eyebrow){font-size:.83rem}.two-up code{display:flex;justify-content:space-between;margin:20px 0;padding:12px;background:var(--soft);border:1px solid var(--line);font-size:.67rem}
.tags{display:flex;gap:8px}.tags span{padding:7px 12px;background:#fff;border:1px solid var(--line);border-radius:30px;font-size:.68rem}.chat-stack{display:grid;gap:14px}.chat-card{padding:26px;background:#fff;border:1px solid #d9d6d0}.chat-card>b{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}.chat-card small{padding:3px 6px;background:#efede8;font-size:.52rem}.chat-card p{font-size:.76rem}.chat-card dl{margin:0}.chat-card dl span{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:.69rem}.chat-card.compact{margin-left:55px}.chat-card p i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%}.automation{padding:30px;border:1px solid var(--line)}.automation>div{display:flex;align-items:center;gap:15px;padding:18px;background:var(--soft)}.automation i{width:32px;height:32px;display:grid;place-items:center;color:white;background:var(--red);border-radius:50%;font-style:normal;font-weight:700}.automation span,.automation b,.automation small{display:block}.automation small{color:var(--muted)}.automation hr{width:1px;height:24px;margin:0 0 0 34px;background:#d5d1ca;border:0}
.profile-card{background:#fff;border:1px solid var(--line)}.profile-url{display:flex;justify-content:space-between;padding:13px 18px;background:var(--soft);border-bottom:1px solid var(--line);font-size:.7rem}.profile-card section{display:flex;gap:14px;padding:25px 25px 18px}.profile-card section i{width:48px;height:48px;display:grid;place-items:center;color:#fff;background:var(--red);border-radius:50%;font-style:normal}.profile-card section span,.profile-card section b,.profile-card section small{display:block}.profile-card section small{color:var(--muted)}.profile-card dl{margin:0 25px 25px}.profile-card dl span{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);font-size:.7rem}.intro{max-width:650px}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border:1px solid var(--line)}.status-grid article{min-height:135px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.status-grid article:nth-child(3n){border-right:0}.status-grid article:nth-child(n+4){border-bottom:0}.status-grid i{display:inline-block;width:7px;height:7px;margin-right:8px;background:#bbb7b0;border-radius:50%}.status-grid article:nth-child(2) i,.status-grid article:nth-child(3) i{background:var(--red)}.status-grid article:nth-child(4) i{background:#198754}.status-grid article:nth-child(5) i{background:#d7a21b}.status-grid article:nth-child(6) i{background:#805ad5}.status-grid p{font-size:.74rem}
.dark{color:#fff;background:#171716}.dark p{color:#aaa7a0}.dark-head{display:flex;justify-content:space-between}.dark-head>span{width:64px;height:64px;display:grid;place-items:center;color:var(--red);border:2px solid var(--red);border-radius:50%;font-size:2rem}.four-up{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.four-up article{padding-top:22px;border-top:1px solid #3b3a38}.four-up i{color:var(--red);font-style:normal}.four-up b{display:block;margin:12px 0 8px}.four-up p{font-size:.74rem}.pricing{padding:65px 0;border-bottom:1px solid var(--line)}.pricing .shell,.final-cta .shell{display:flex;align-items:center;justify-content:space-between;gap:45px}.pricing h2,.final-cta h2{font-size:2rem}.pricing p{margin-bottom:0}.faq{grid-template-columns:.65fr 1.35fr}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;padding:19px 0;font-size:.83rem;font-weight:600;cursor:pointer;list-style:none}.faq details p{margin:0;padding:0 30px 18px 0;font-size:.78rem}.final-cta{padding:72px 0;color:#fff;background:#111213}.final-cta p{margin-bottom:0;color:#999995}footer{padding:74px 0 25px;color:#cecdca;background:#111213;border-top:1px solid #292a2b}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:70px}.footer-grid>div>p{max-width:330px;color:#8f8f8c;font-size:.72rem}.footer-grid>div>b{display:block;margin-bottom:15px;color:#fff;font-size:.67rem;text-transform:uppercase;letter-spacing:.1em}.footer-grid>div>a:not(.logo){display:block;padding:5px 0;color:#8f8f8c;font-size:.7rem}.footer-bottom{display:flex;justify-content:space-between;margin-top:55px;padding-top:20px;color:#6f6f6d;border-top:1px solid #292a2b;font-size:.63rem}
@media(max-width:900px){.nav-wrap nav,.nav-actions{display:none}.mobile-menu{display:block}.section{padding:80px 0}.hero{padding-top:90px}.hero-grid,.split{grid-template-columns:1fr;gap:55px}.coins{grid-template-columns:repeat(3,1fr)}.works .shell{justify-content:flex-start;overflow:auto}.works b{white-space:nowrap}.three-up{grid-template-columns:1fr}.three-up article{border-right:0;border-bottom:1px solid var(--line)}.two-up,.status-grid{grid-template-columns:1fr 1fr}.four-up{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}}
@media(max-width:600px){.shell{width:calc(100% - 30px)}h1{font-size:2.75rem}h2{font-size:2.15rem}.hero{padding:70px 0}.section-row,.pricing .shell,.final-cta .shell{align-items:flex-start;flex-direction:column}.coins{grid-template-columns:1fr 1fr}.checkout-visual{min-height:220px;gap:7px;padding:12px}.checkout-visual>div{width:30%;height:110px;padding:12px}.checkout-visual>div>b{font-size:.58rem}.two-up,.status-grid,.four-up{grid-template-columns:1fr}.status-grid article{border-right:0;border-bottom:1px solid var(--line)!important}.status-grid article:last-child{border-bottom:0!important}.flow-card{padding:18px}.wallet-row>div{width:115px}.chat-card.compact{margin-left:18px}.dark-head>span{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:40px 24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Revised hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 45%,#fff0f0 0,transparent 33%),#fff}
.hero-grid{grid-template-columns:1.08fr .92fr;gap:68px}.hero-copy h1{font-size:clamp(3.5rem,4.8vw,5.45rem)}.underlined{position:relative;display:inline-block}.underlined:after{content:"";position:absolute;left:7%;right:0;bottom:-8px;height:5px;background:var(--red);border-radius:50%;transform:rotate(-1.5deg)}.play{width:23px;height:23px;display:grid;place-items:center;color:var(--red);border:1px solid var(--red);border-radius:50%;font-size:.58rem}.hero-benefits{display:flex;gap:0;margin-top:48px}.hero-benefits>div{display:flex;align-items:center;gap:12px;padding:0 28px;border-right:1px solid var(--line)}.hero-benefits>div:first-child{padding-left:0}.hero-benefits>div:last-child{border:0}.hero-benefits i{color:var(--red);font-size:1.6rem;font-style:normal}.hero-benefits b,.hero-benefits small{display:block;white-space:nowrap}.hero-benefits b{font-size:.72rem}.hero-benefits small{color:var(--muted);font-size:.65rem}
.hero-visual{position:relative;min-height:570px;padding:52px 45px 0 12px}.visual-orbit{position:absolute;inset:0 4% 3% 0;border:1px solid #ff8f95;border-radius:50%;background:radial-gradient(circle at center,#ffe8e8 0,#fff4f4 45%,transparent 68%);transform:rotate(-13deg)}.hero-visual .payment-card{position:relative;z-index:2;box-shadow:0 30px 75px #4d13131a}.hero-visual .tabs span{font-size:.67rem;font-weight:600}.request-head{display:flex;justify-content:space-between;color:#7b7780;font-size:.64rem}.request-head span{font-size:.68rem}.hero-visual .amount b{font-size:2.2rem}.qr{width:96px;height:96px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:12px}.qr>span{font-size:3.5rem;line-height:.65}.qr small{font-size:.58rem}.hero-visual .card-body dl div{font-size:.76rem;padding:13px 0}.btc-mini{display:inline-grid;place-items:center;width:20px;height:20px;color:#fff;background:#f7931a;border-radius:50%;font-style:normal}.waiting-dot{display:inline-block;width:8px;height:8px;margin-right:7px;background:#f5a900;border-radius:50%}.info-box{padding:14px;color:#74717a!important;background:#f6f6f6;border-radius:6px;font-size:.68rem!important}.floating-note,.profile-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:13px;padding:13px 18px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 15px 35px #40202018}.floating-note i{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:#32bd68;border-radius:50%;font-style:normal;font-weight:700}.floating-note b,.floating-note small,.profile-chip b,.profile-chip small{display:block}.floating-note b,.profile-chip b{font-size:.72rem}.floating-note small,.profile-chip small{color:var(--muted);font-size:.65rem}.floating-note em,.profile-chip em{margin-left:18px;color:#85818c;font-size:.63rem;font-style:normal}.detected{top:10px;left:-60px;transform:rotate(-5deg)}.activated{left:-35px;bottom:2px;transform:rotate(7deg)}.activated i{background:var(--red)}.profile-chip{right:-120px;top:250px}.profile-chip i{color:#eb6971;font-size:1.8rem}.scribble{position:absolute;z-index:3;color:#596170!important;font:italic 1rem "Newsreader",serif;line-height:1.1;transform:rotate(-6deg)}.scribble.payments{right:-110px;top:80px}.scribble.economy{right:-105px;bottom:28px;text-align:center;transform:rotate(6deg)}

/* Continuous cryptocurrency slider */
.coin-band{overflow:hidden;padding:38px 0;background:linear-gradient(100deg,#fff7f5,#fff)}.coin-layout{position:relative;display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:center}.coin-title h2{font-size:1.65rem}.coin-title p{margin:5px 0 0}.coin-marquee{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.coin-track{display:flex;width:max-content;animation:coin-scroll 28s linear infinite}.coin-marquee:hover .coin-track{animation-play-state:paused}.coin{width:150px;display:flex;align-items:center;gap:11px;flex:none}.coin i{width:38px;height:38px;display:grid;place-items:center;color:#fff;border-radius:50%;font-style:normal;font-weight:700}.coin span,.coin b,.coin small{display:block}.coin b{font-size:.7rem}.coin small{color:#89857e;font-size:.61rem}.usdt{background:#26a17b}.sol{background:linear-gradient(145deg,#8d4cff,#e43bde)}.usdc{background:#2775ca}.bnb{background:#f3ba2f}.avax{background:#e84142}.pol{background:#8247e5}.assets-link{position:absolute;right:0;top:-23px}@keyframes coin-scroll{to{transform:translateX(-1200px)}}

@media(max-width:1100px){.profile-chip,.scribble{display:none}.hero-grid{gap:40px}.hero-benefits>div{padding:0 15px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(3.1rem,10vw,4.8rem)}.hero-visual{min-height:520px;padding-left:60px;padding-right:60px}.detected{left:20px}.activated{left:32px}.coin-layout{grid-template-columns:1fr}.assets-link{top:3px}.coin-title{padding-right:190px}}
@media(max-width:600px){.hero-copy h1{font-size:3.05rem}.hero-benefits{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero-benefits>div{padding:0;border:0}.hero-benefits>div:last-child{grid-column:1/-1}.hero-visual{min-height:470px;padding:55px 0 0}.detected{left:0}.activated{left:5px;bottom:-4px}.floating-note{padding:10px}.floating-note em{display:none}.hero-visual .tabs span{font-size:0}.hero-visual .tabs span:first-letter{font-size:.9rem}.hero-visual .card-body{padding:18px}.qr{width:76px;height:76px}.qr>span{font-size:2.8rem}.coin-title{padding-right:0}.assets-link{position:static}.coin-layout{gap:18px}.coin{width:140px}}
@media(prefers-reduced-motion:reduce){.coin-track{animation-play-state:paused}}

/* Three payment paths */
.ways-section{overflow:hidden;background:linear-gradient(180deg,#fff 0,#fff 76%,#fcfbf9 100%)}.ways-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.ways-heading .eyebrow{color:var(--red)}.ways-heading h2{font-size:clamp(2.7rem,3.8vw,4.2rem)}.ways-subtitle{margin:12px 0 0;font-size:1.08rem}.ways-note{position:relative;margin:0 25px 18px 0;color:#8a909b;font:italic 1rem "Newsreader",serif;line-height:1.2;text-align:center;transform:rotate(-7deg)}.ways-note span{position:absolute;right:2px;top:45px;font-size:2.1rem;transform:rotate(8deg)}
.ways-section .three-up{gap:20px;margin-top:0;border:0}.ways-section .way-card{min-width:0;min-height:440px;display:flex;flex-direction:column;padding:28px;border:1px solid var(--line)!important;border-radius:12px;transition:box-shadow .3s ease}.ways-section .way-card:hover{box-shadow:0 22px 50px rgba(35,30,25,.08)}.website-card{background:linear-gradient(145deg,#fffafa,#fff4f3)}.community-card{background:linear-gradient(145deg,#f8fbff,#f0f7ff)}.username-card{background:linear-gradient(145deg,#f8fffc,#effaf6)}.way-title{display:flex;align-items:center;gap:17px}.way-title>i{width:46px;height:46px;display:grid;place-items:center;margin:0!important;border-radius:50%;font-style:normal;font-size:1.4rem}.website-card .way-title>i{color:#ec2434;background:#ffe8e9}.community-card .way-title>i{color:#1769dc;background:#e7f0ff}.username-card .way-title>i{color:#009b70;background:#ddf5eb}.way-card>p{min-height:66px!important;margin:14px 0 20px;font-size:.87rem!important}.way-card>a{display:flex;align-items:center;gap:10px;margin-top:auto;color:var(--red);font-size:.78rem;font-weight:600}.way-card>a span{font-size:1.15rem}
.way-visual{min-height:166px;margin-bottom:25px;padding:0;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.88);border:1px solid rgba(224,221,215,.75);border-radius:12px;box-shadow:0 12px 24px rgba(34,35,40,.035)}.way-visual img{display:block;width:100%;height:auto;aspect-ratio:1.88/1;object-fit:cover}.store-visual{position:relative;display:grid;grid-template-columns:104px 1fr 52px;gap:16px;padding-top:38px}.browser-dots{position:absolute;inset:0 0 auto;height:25px;padding:8px 12px;background:#f5f5f4;border-radius:12px 12px 0 0}.browser-dots i{display:inline-block;width:5px;height:5px;margin-right:4px;background:#fb6972;border-radius:50%}.browser-dots i:nth-child(2){background:#ffc858}.browser-dots i:nth-child(3){background:#61c9aa}.product-thumb{display:grid;place-items:center;color:#b08f77;background:linear-gradient(145deg,#f8f5f2,#ded7d0);border-radius:4px;font-size:2.6rem}.product-info b,.product-info small{display:block}.product-info b{font-size:.72rem}.product-info small{color:var(--muted);font-size:.65rem}.product-info button,.user-visual button{margin-top:17px;padding:10px 14px;color:#fff;background:#222b31;border:0;border-radius:4px;font-size:.64rem}.product-lines span{display:block;height:9px;margin-bottom:9px;background:#f2f2f1;border-radius:10px}
.community-visual{display:grid;gap:14px}.message{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.message>i{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:#5865f2;border-radius:10px;font-style:normal}.message>span{padding:12px;background:#edf3ff;border-radius:7px;font-size:.75rem}.message>small{margin-left:-52px;color:#77808d;font-size:.57rem}.message.success>i{background:#2aabee}.message.success>span{background:#edf9f4}.message.success span small,.message.success span b{display:block}.message.success span small{color:var(--muted);font-size:.63rem}.message.success span b{font-size:.68rem}
.user-visual{padding:16px 18px}.user-head{display:flex;align-items:center;gap:13px}.user-head>i{width:52px;height:52px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#74b6d9,#365d7a 45%,#d19546);border-radius:50%;font-style:normal}.user-head span,.user-head b,.user-head small{display:block}.user-head b{font-size:.9rem}.user-head small{color:var(--muted);font-size:.62rem}.asset-pills{display:flex;gap:5px;margin:14px 0}.asset-pills span{padding:5px 9px;background:#f6f6f6;border-radius:20px;font-size:.6rem}.user-visual button{width:100%;margin-top:0;border-radius:22px}

@media(max-width:900px){.ways-heading{align-items:start}.ways-note{display:none}.ways-section .three-up{grid-template-columns:1fr}.ways-section .way-card{min-height:0}.way-card>p{min-height:0!important}.way-visual{max-width:620px;width:100%}}
@media(max-width:600px){.ways-heading h2{font-size:2.5rem}.ways-subtitle{font-size:.95rem}.ways-section .way-card{padding:22px}.store-visual{grid-template-columns:82px 1fr}.product-lines{display:none}}

/* Wallet-to-wallet workflow */
.payment-flow-section{position:relative;isolation:isolate;overflow:hidden;margin:14px;border:1px solid #f2deda;border-radius:24px;background:linear-gradient(180deg,#fffdfd,#fff);min-height:720px}.flow-glow{position:absolute;z-index:-1;width:360px;height:230px;background:#ffe8e8;border-radius:50%;filter:blur(55px);opacity:.65}.flow-glow.one{left:-130px;top:-120px}.flow-glow.two{right:-120px;bottom:-110px}.flow-heading{text-align:center}.flow-heading .eyebrow{display:flex;justify-content:center;align-items:center;gap:12px}.flow-heading .eyebrow i{width:7px;height:7px;background:var(--red);border-radius:50%}.flow-heading h2{margin-inline:auto;font-size:clamp(3rem,4.4vw,5rem)}.flow-heading>p:last-child{margin:18px auto 0;font-size:1.03rem}.flow-stage{position:relative;height:340px;margin-top:38px}.flow-path{position:absolute;left:11%;right:11%;top:20px;height:190px;border-top:1px dashed #d6dbe4;border-radius:50%}.flow-path span{position:absolute;width:13px;height:13px;background:#cfd5df;border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #6c789633}.flow-path span:nth-child(1){left:-2%;top:62px}.flow-path span:nth-child(2){left:24%;top:5px}.flow-path span:nth-child(3){left:49%;top:-7px;background:var(--red);box-shadow:0 0 0 8px #fff2f3}.flow-path span:nth-child(4){left:74%;top:5px}.flow-path span:nth-child(5){right:-2%;top:62px}.flow-steps{position:absolute;inset:62px 2% 0;display:flex;align-items:flex-start;justify-content:center;gap:20px;perspective:1000px}.flow-step{width:18%;min-height:190px;padding:25px;background:rgba(255,255,255,.9);border:1px solid #e5e7ec;border-radius:12px;box-shadow:0 18px 45px rgba(48,57,78,.08);transform-origin:center center}.flow-step header{display:flex;align-items:center;justify-content:space-between}.flow-step header b{color:#71809d;font-size:.85rem}.flow-step header i{width:38px;height:38px;display:grid;place-items:center;background:#f3f5f9;border-radius:10px;font-style:normal}.flow-step h3{margin-top:22px;font:600 1.07rem "DM Sans",sans-serif;line-height:1.15;letter-spacing:-.02em}.flow-step p{margin-bottom:0;font-size:.77rem}.flow-step.active{width:19%;min-height:220px;margin-top:-24px;border-color:#f3bfc1;background:linear-gradient(145deg,#fff,#fff7f7);box-shadow:0 24px 60px rgba(229,31,43,.1)}.flow-step.active header b{color:var(--red)}.flow-step.active header i{color:var(--red);background:#fff0f1}.step-1{transform:translateY(40px) rotate(-6deg)}.step-2{transform:translateY(6px) rotate(-2deg)}.step-4{transform:translateY(6px) rotate(2deg)}.step-5{transform:translateY(40px) rotate(6deg)}.flow-assurance{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:16px}.flow-assurance span{width:62px;height:1px;background:#f1c4c7}.flow-assurance p{color:#657087;font-size:.69rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase}
@media(max-width:900px){.payment-flow-section{margin:8px;min-height:auto}.flow-stage{height:auto}.flow-path{display:none}.flow-steps{position:relative;inset:auto;display:grid;grid-template-columns:1fr 1fr;margin-top:30px}.flow-step,.flow-step.active{width:auto;min-height:180px;margin:0;transform:none!important}.flow-step.active{grid-column:1/-1;grid-row:1}.flow-assurance{margin-top:35px}}
@media(max-width:600px){.payment-flow-section{margin:4px;border-radius:18px}.flow-heading h2{font-size:2.6rem}.flow-heading>p:last-child br{display:none}.flow-steps{grid-template-columns:1fr}.flow-step.active{grid-column:auto}.flow-assurance span{display:none}.flow-assurance p{text-align:center;letter-spacing:.1em}}


/* Pricing + FAQ closing composition */
.closing-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#fff,#fffcfc);border-bottom:1px solid var(--line)}.closing-glow{position:absolute;z-index:-1;width:400px;height:400px;background:#ffecee;border-radius:50%;filter:blur(60px);opacity:.7}.glow-left{left:-230px;top:35px}.glow-right{right:-240px;top:10px}.pricing-row{min-height:300px;display:flex;align-items:center;justify-content:space-between;gap:70px}.closing-section .eyebrow{color:var(--red)}.pricing-row h2{font-size:clamp(3rem,4.3vw,4.8rem)}.pricing-row p:last-child{margin-bottom:0;font-size:.93rem}.pricing-link{min-width:160px;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:rgba(255,255,255,.7);border:1px solid #f2cfd2;border-radius:10px;font-size:.85rem;font-weight:600;box-shadow:0 12px 35px rgba(229,31,43,.035)}.pricing-link span,.faq-list summary span{display:grid;place-items:center;width:34px;height:34px;background:#fff1f2;border-radius:50%;font-size:1rem}.closing-divider{height:1px;background:var(--line)}.faq-row{min-height:450px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-block:56px 80px}.faq-row h2{font-size:clamp(3rem,4vw,4.5rem)}.faq-list details{border-top:1px solid #dfe1e5}.faq-list details:last-child{border-bottom:1px solid #dfe1e5}.faq-list summary{min-height:51px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:.78rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{max-width:650px;margin:0;padding:0 56px 17px 0;font-size:.75rem}.faq-list details[open] summary span{transform:rotate(90deg);color:var(--red)}
@media(max-width:800px){.pricing-row{align-items:flex-start;flex-direction:column;padding-block:70px}.pricing-row br{display:none}.faq-row{grid-template-columns:1fr;gap:35px}.faq-list summary{font-size:.75rem}}

/* Hero payment illustration refinements */
.qr > .qr-code {
  display: block;
  width: 60px;
  height: 60px;
  background: url("assets/qr-code.svg") center / contain no-repeat;
}

.hero-visual .payment-card {
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 30px 70px rgba(29, 38, 58, .13), 0 4px 14px rgba(29, 38, 58, .06);
  will-change: transform, opacity;
}

.hero-visual .tabs {
  background: rgba(255, 255, 255, .78);
  backdrop-filter: blur(14px);
}

.hero-visual .card-body {
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,251,251,.94));
}

.visual-orbit,
.floating-note,
.profile-chip,
.scribble {
  will-change: transform, opacity;
}

.floating-note,
.profile-chip {
  box-shadow: 0 18px 42px rgba(37, 45, 67, .12);
  backdrop-filter: blur(12px);
}

/* Brand marks and a slightly quicker, still continuous asset rail */
.coin-track { animation-duration: 22s; }
.coin i img { width: 19px; height: 19px; display: block; }
.coin-letter { color: #fff; font-size: 1rem; }
.works b { display: inline-flex; align-items: center; gap: 8px; }
.works b img { width: 18px; height: 18px; object-fit: contain; }
.works .api-mark {
  display: inline-grid;
  place-items: center;
  width: 25px;
  height: 20px;
  color: #f0182d;
  border: 1px solid #f2c7cc;
  border-radius: 5px;
  font: 700 .58rem/1 "DM Sans", sans-serif;
  letter-spacing: -.08em;
}

/* Global rhythm: restrained type scale and consistent page gutters */
html { font-size: 80%; }
body { font-size: 12.8px; }
.shell { width: 70%; max-width: none; }
.hero-copy h1 { font-size: clamp(2.8rem, 3.84vw, 4.36rem); }
.ways-heading h2 { font-size: clamp(2.16rem, 3.04vw, 3.36rem); }
.flow-heading h2 { font-size: clamp(2.2rem, 3.1vw, 3.5rem); }
.tracking-story h2 { font-size: clamp(2.4rem, 3.2vw, 3.76rem); }
.pricing-row h2 { font-size: clamp(2.4rem, 3.44vw, 3.84rem); }
.faq-row h2 { font-size: clamp(2.4rem, 3.2vw, 3.6rem); }

@media (max-width: 1200px) {
  .shell { width: 82%; }
}

@media (max-width: 900px) {
  .shell { width: 90%; }
}

@media (max-width: 600px) {
  html { font-size: 84%; }
  body { font-size: 13px; }
  .shell { width: calc(100% - 30px); }
}

/* Expanded pricing story */
.pricing-row {
  min-height: 390px;
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  align-items: center;
  gap: 64px;
  padding-block: 58px 44px;
}

.pricing-copy { align-self: start; padding-top: 28px; }
.pricing-copy > p:last-child { max-width: 520px; line-height: 1.45; }
.pricing-system { position: relative; align-self: stretch; padding-bottom: 105px; }
.pricing-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.pricing-cards article {
  min-height: 166px;
  padding: 20px;
  background: rgba(255,255,255,.68);
  border: 1px solid #f0d7d9;
  border-radius: 9px;
  box-shadow: 0 12px 35px rgba(81,38,42,.025);
}
.pricing-cards article i {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  color: #c92031;
  background: #fff0f1;
  border-radius: 50%;
  font-size: 1.15rem;
  font-style: normal;
}
.pricing-cards article b { display: block; margin-bottom: 5px; font-size: .86rem; }
.pricing-cards article p { margin: 0; font-size: .69rem; line-height: 1.5; }
.pricing-system .pricing-link {
  position: relative;
  z-index: 2;
  width: 170px;
  min-width: 0;
  margin-top: 27px;
  padding: 13px 16px;
}
.pricing-curve {
  position: absolute;
  z-index: 1;
  right: -8px;
  bottom: 0;
  width: 70%;
  height: 125px;
  overflow: visible;
}
.pricing-curve path { fill: none; }
.curve-line { stroke: #ee8090; stroke-width: 1.4; }
.curve-guide { stroke: #efcbd0; stroke-width: 1; stroke-dasharray: 4 5; }
.curve-points circle { fill: #ef7182; stroke: #fff; stroke-width: 3; }

@media (max-width: 980px) {
  .pricing-row { grid-template-columns: 1fr; gap: 36px; }
  .pricing-copy { padding-top: 0; }
  .pricing-system { min-height: 340px; }
}

@media (max-width: 650px) {
  .pricing-cards { grid-template-columns: 1fr; }
  .pricing-cards article { min-height: 0; }
  .pricing-system { padding-bottom: 90px; }
  .pricing-curve { width: 82%; height: 100px; }
}

/* Pre-footer invitation */
.final-cta { position: relative; isolation: isolate; overflow: hidden; padding: 56px 0; background: var(--color-secondary); border-top: 1px solid #322326; }
.final-cta::before { content: ""; position: absolute; z-index: -1; inset: -115% -8%; background: radial-gradient(ellipse at 8% 40%,rgba(236,32,53,.07),transparent 40%),radial-gradient(ellipse at 88% 58%,rgba(225,25,43,.1),transparent 45%); pointer-events: none; }
.final-cta::after { content: ""; position: absolute; z-index: -1; width: 120%; height: 200px; left: -10%; bottom: -187px; border-top: 1px solid rgba(255,100,116,.7); border-radius: 50%; box-shadow: 0 -5px 18px rgba(235,42,62,.3); transform: rotate(-3deg); pointer-events: none; }
.final-cta .shell { gap: 24px; }
.final-cta h2 { max-width: 650px; font-size: clamp(27px,2.75vw,38px); line-height: 1.08; }
.final-cta p { margin: 6px 0 0; color: #e6dfe1; font-size: 15px; line-height: 1.4; }
.final-cta .actions { flex-wrap: nowrap; gap: 12px; }
.final-cta .button { min-height: 43px; padding-inline: 18px; white-space: nowrap; border-radius: 7px; font-size: 12px; }
.final-cta .cta-demo { color: #fff; background: rgba(19,17,18,.45); border-color: rgba(255,255,255,.76); }
.final-cta .cta-demo:hover { background: rgba(255,255,255,.12); }
.cta-play { width: 22px; height: 22px; display: grid; place-items: center; padding-left: 2px; border: 1px solid currentColor; border-radius: 50%; font-size: 9px; }
@media (max-width: 900px) { .final-cta .shell { align-items: flex-start; flex-direction: column; } }
@media (max-width: 600px) { .final-cta { padding: 48px 0; } .final-cta h2 { font-size: 31px; } .final-cta p { font-size: 13px; } .final-cta .actions { flex-wrap: wrap; } }

/* Four ways to get paid: featured invoice workflow */
.ways-section .ways-heading { margin-bottom: 25px; }
.ways-section .ways-heading h2 { max-width: none; }
.ways-section .ways-subtitle { max-width: 840px; }
.invoice-feature { display: grid; grid-template-columns: 1fr 1.12fr; gap: 28px; min-height: 322px; margin-bottom: 16px; padding: 34px 36px; overflow: hidden; background: linear-gradient(110deg,#fffafa,#fff4f5 72%,#fff9f9); border: 1px solid #f2dade; border-radius: 13px; }
.invoice-copy { position: relative; z-index: 2; align-self: center; }
.invoice-copy h3 { font-size: clamp(28px,2.8vw,37px); }
.invoice-copy > p { max-width: 430px; margin: 11px 0 14px; color: #69717c; font-size: 14px; line-height: 1.42; }
.invoice-copy ul { display: grid; gap: 7px; margin: 0 0 20px; padding: 0; list-style: none; }
.invoice-copy li { display: flex; align-items: center; gap: 9px; color: #586375; font-size: 13px; }
.invoice-copy li::before { content: "✓"; width: 20px; height: 20px; flex: 0 0 20px; display: grid; place-items: center; color: #fff; background: #e51f2b; border-radius: 50%; font: 700 12px/1 "DM Sans",sans-serif; }
.invoice-feature .button { min-height: 39px; font-size: 12px; }
.invoice-scene { position: relative; min-width: 0; min-height: 258px; }
.invoice-halo { position: absolute; width: 270px; height: 270px; top: -17px; left: 22%; border: 1px solid #f5b9c0; border-radius: 50%; background: radial-gradient(circle,#ffe5e8 0%,#fff5f6 70%,transparent 71%); }
.invoice-form-mock,.invoice-result-mock,.invoice-toast { position: absolute; z-index: 2; background: #fff; border: 1px solid #f0e3e3; border-radius: 11px; box-shadow: 0 15px 30px rgba(71,32,40,.10); font-family: "DM Sans",sans-serif; }
.invoice-form-mock { top: 10px; left: 15%; width: 36%; min-width: 155px; padding: 12px; }
.invoice-form-mock > b { display: block; margin-bottom: 7px; color: #26303c; font-size: 12px; }
.invoice-form-mock > small { display: block; margin: 6px 0 2px; color: #69717c; font-size: 9px; }
.mock-field,.mock-assets { display: flex; align-items: center; justify-content: space-between; min-height: 27px; padding: 3px 6px; border: 1px solid #e8e8ed; border-radius: 5px; font-size: 10px; }
.mock-field strong { color: #26303c; font-size: 11px; }
.mock-field span { color: #657083; }
.mock-assets { gap: 3px; }
.mock-assets span { display: inline-flex; align-items: center; gap: 3px; color: #26303c; font-weight: 600; white-space: nowrap; }
.mock-assets img { width: 15px; height: 15px; }
.mock-create { margin-top: 7px; padding: 6px; color: #fff; background: #e51f2b; border-radius: 5px; font-size: 10px; text-align: center; }
.invoice-result-mock { top: 22px; right: 4%; width: 43%; min-width: 190px; padding: 12px; }
.invoice-result-mock > strong { display: block; margin-bottom: 9px; color: #d9212f; font-size: 13px; }
.invoice-result-mock > small { display: block; color: #647084; font-size: 9px; }
.invoice-result-mock > b { display: block; margin: 2px 0; color: #d9212f; font-size: 20px; line-height: 1.15; }
.invoice-result-mock > span { display: block; color: #586375; font-size: 10px; line-height: 1.25; }
.mock-paid { display: flex; align-items: center; gap: 7px; margin-top: 7px; padding: 6px; background: #e9faf2; border-radius: 5px; }
.mock-paid i { width: 25px; height: 25px; display: grid; place-items: center; color: #fff; background: #12a869; border-radius: 50%; font-style: normal; font-size: 16px; }
.mock-paid b,.mock-paid small { display: block; color: #157f55; font-size: 10px; }
.mock-paid small { font-size: 8px; }
.mock-details { display: flex; justify-content: space-between; margin-top: 6px; padding: 5px 7px; color: #c82937; border: 1px solid #f2aeb7; border-radius: 5px; font-size: 9px; }
.invoice-toast { display: flex; align-items: center; gap: 7px; top: -17px; right: -6px; padding: 9px 12px; transform: rotate(6deg); }
.invoice-toast i { color: #12a869; font-size: 20px; font-style: normal; line-height: 1; }
.invoice-toast b,.invoice-toast small { display: block; white-space: nowrap; }
.invoice-toast b { color: #26303c; font-size: 9px; }
.invoice-toast small { color: #647084; font-size: 8px; }
.invoice-stages { position: absolute; right: 7%; bottom: 0; left: 16%; display: flex; align-items: center; justify-content: space-around; gap: 6px; color: #b52735; }
.invoice-stages > span { display: grid; justify-items: center; gap: 4px; color: #596273; font-size: 10px; }
.invoice-stages i { width: 22px; height: 22px; display: grid; place-items: center; color: #fff; background: #d91c2b; border-radius: 50%; font-size: 12px; font-style: normal; }
.invoice-stages span:first-child i { background: #fff; border: 2px solid #687485; }
.invoice-stages span:last-child i { background: #10a667; }
.invoice-stages > b { align-self: start; font-size: 20px; font-weight: 400; }

@media (max-width: 900px) { .invoice-feature { grid-template-columns: 1fr; padding: 28px; } .invoice-scene { width: min(100%,560px); min-height: 300px; margin: 0 auto; } }
@media (max-width: 600px) { .invoice-feature { padding: 22px; } .invoice-copy h3 { font-size: 29px; } .invoice-copy > p { font-size: 13px; } .invoice-scene { min-height: 285px; } .invoice-form-mock { left: 0; width: 46%; min-width: 0; } .invoice-result-mock { right: 0; width: 52%; min-width: 0; } .invoice-toast { right: 0; top: -13px; } .invoice-stages { left: 3%; right: 3%; } }

/* Page-wide ambient light wash */
.ambient-gradient {
  position: fixed;
  z-index: 9;
  top: -24vh;
  left: -58vw;
  width: 66vw;
  height: 148vh;
  pointer-events: none;
  opacity: .34;
  background: radial-gradient(
    ellipse at center,
    rgba(229, 31, 43, .42) 0%,
    rgba(239, 62, 76, .25) 34%,
    rgba(255, 130, 140, .10) 58%,
    transparent 74%
  );
  filter: blur(28px);
  will-change: transform, opacity;
}

@media (max-width: 700px) {
  .ambient-gradient { width: 92vw; left: -84vw; opacity: .27; }
}

@media (prefers-reduced-motion: reduce) {
  .ambient-gradient {
    left: 18vw;
    opacity: .16;
    transform: none;
  }
}

/* Readability pass: supporting copy and UI labels +10% */
body { font-size: 14.08px; }
.eyebrow { font-size: .77rem; }
.nav-wrap nav,
.nav-actions { font-size: .836rem; }
.lead { font-size: 1.21rem; }
.trust { font-size: .858rem; }
.hero-benefits b { font-size: .792rem; }
.hero-benefits small { font-size: .715rem; }
.coin b { font-size: .77rem; }
.coin small { font-size: .671rem; }
.works .shell { font-size: .759rem; }
.way-card > p { font-size: .957rem !important; }
.way-card > a { font-size: .858rem; }
.flow-step p,
.tracking-benefits li,
.compare-column p,
.pricing-cards article p { font-size: .759rem; }
.pricing-cards article b { font-size: .946rem; }
.pricing-row p:last-child { font-size: 1.023rem; }
.faq-list summary { font-size: .858rem; }
.faq-list details p { font-size: .825rem; line-height: 1.62; }
.footer-grid > div > p { font-size: .792rem; }
.footer-grid > div > b { font-size: .737rem; }
.footer-grid > div > a:not(.logo) { font-size: .77rem; }

@media (max-width: 600px) {
  body { font-size: 14px; }
  .faq-list summary { font-size: .9rem; }
  .faq-list details p { font-size: .86rem; }
}

footer {
  position: relative;
  z-index: 10;
  isolation: isolate;
}

/* ==========================================================
   crypticapay design tokens — canonical values for new pages
   See DESIGN_SYSTEM.md for usage and component guidance.
   ========================================================== */
:root {
  --color-primary: #e51f2b;
  --color-primary-hover: #bd121e;
  --color-primary-soft: #fff0f1;
  --color-secondary: #111213;
  --color-ink: #171716;
  --color-text-muted: #6f6b65;
  --color-border: #e5e2dc;
  --color-surface: #ffffff;
  --color-surface-soft: #f7f6f3;
  --color-surface-warm: #fff4ef;

  --font-display: "Newsreader", Georgia, serif;
  --font-body: "DM Sans", Arial, sans-serif;
  --text-label: 11px;
  --text-small: 12px;
  --text-ui: 13px;
  --text-body: 14px;
  --text-lead: 17px;
  --line-body: 1.55;
  --line-heading: 1.06;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-28: 112px;

  --container-desktop: 70%;
  --container-tablet: 82%;
  --container-mobile: calc(100% - 30px);
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;
  --shadow-card: 0 18px 42px rgba(37, 45, 67, .10);
  --motion-fast: .28s;
  --motion-base: .55s;
  --ease-standard: cubic-bezier(.22, 1, .36, 1);
}

body { font-family: var(--font-body); color: var(--color-ink); }
.shell { width: var(--container-desktop); }

/* Shared header */
.site-header {
  height: 64px;
  color: var(--color-ink);
  background: rgba(255,255,255,.94);
  border-color: var(--color-border);
}
.site-header .logo { font-size: 15px; }
.nav-wrap nav { gap: var(--space-6); margin-left: var(--space-12); font-size: var(--text-ui); }
.nav-actions { gap: var(--space-5); font-size: var(--text-ui); }
.nav-wrap nav a,
.nav-actions > a:not(.button) { transition: color var(--motion-fast) var(--ease-standard); }
.nav-wrap nav a:hover,
.nav-actions > a:not(.button):hover { color: var(--color-primary); }
.site-header .button.small { min-height: 34px; padding-inline: var(--space-4); font-size: 12px; }

/* Shared footer */
footer { padding: 72px 0 28px; color: #cfceca; background: var(--color-secondary); }
.footer-grid { grid-template-columns: 1.6fr repeat(3, 1fr); gap: clamp(36px, 5vw, 72px); }
.footer-grid .logo { display: inline-block; margin-bottom: var(--space-3); font-size: 15px; }
.footer-grid > div > p {
  max-width: 360px;
  margin: 0;
  color: #aaa9a5;
  font-size: var(--text-ui);
  line-height: 1.65;
}
.footer-grid > div > b {
  margin-bottom: var(--space-3);
  color: #fff;
  font-size: var(--text-small);
  line-height: 1.4;
  letter-spacing: .11em;
}
.footer-grid > div > a:not(.logo) {
  padding: 6px 0;
  color: #aaa9a5;
  font-size: var(--text-ui);
  line-height: 1.45;
  transition: color var(--motion-fast) var(--ease-standard);
}
.footer-grid > div > a:not(.logo):hover { color: #fff; }
.footer-bottom {
  margin-top: var(--space-12);
  padding-top: var(--space-5);
  color: #858581;
  font-size: var(--text-small);
  line-height: 1.5;
}

@media (max-width: 1200px) { .shell { width: var(--container-tablet); } }
@media (max-width: 900px) { .shell { width: 90%; } }
@media (max-width: 600px) {
  .shell { width: var(--container-mobile); }
  footer { padding-top: 56px; }
  .footer-grid { gap: 36px 24px; }
}

/* Hero: authentic checkout product capture */
.hero-visual .actual-checkout {
  width: 100%;
  max-width: 514px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(220, 216, 209, .9);
  border-radius: 18px;
  box-shadow: 0 30px 70px rgba(29, 38, 58, .13), 0 4px 14px rgba(29, 38, 58, .06);
}
.hero-checkout-ui {
  display: block;
  width: 100%;
  height: auto;
  border-radius: inherit;
}
.hero-checkout-dark { display: none; }
.way-visual-dark { display: none; }

@media (max-width: 600px) {
  .hero-visual .actual-checkout { border-radius: 13px; }
}

/* Username-led hero copy and conversion layout */
.hero-copy { min-width: 0; }
.hero-kicker {
  margin: 0 0 14px;
  color: #7a3b40;
  font-size: 14px;
  line-height: 1.35;
}
.hero-copy h1 {
  max-width: 660px;
  font-size: clamp(40px, 3.65vw, 56px);
  line-height: .99;
  letter-spacing: -.035em;
}
.hero-copy .underlined { white-space: nowrap; }
.hero-copy .underlined::after { left: 4%; right: 1%; bottom: -5px; height: 4px; }
.hero-copy .lead {
  max-width: 560px;
  margin: 25px 0 0;
  font-size: 16px;
  line-height: 1.48;
}
.hero-assurance {
  margin: 4px 0 0;
  color: #bf2530;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}
.hero-conversion {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(165px, .9fr);
  gap: 10px;
  align-items: start;
  max-width: 570px;
  margin-top: 16px;
}
.payme-preview { min-width: 0; }
.payme-preview label {
  display: block;
  margin-bottom: 5px;
  color: var(--color-ink);
  font-size: 12px;
  font-weight: 600;
}
.payme-field {
  display: flex;
  align-items: stretch;
  height: 39px;
  background: #fff;
  border: 1px solid var(--color-border);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(27, 22, 20, .035);
}
.payme-field input {
  width: 100%;
  min-width: 0;
  padding: 0 10px;
  color: #746d69;
  background: transparent;
  border: 0;
  outline: 0;
  font: 13px var(--font-body);
}
.payme-field button {
  flex: 0 0 36px;
  color: #c82531;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 19px;
}
.payme-field button:hover { background: var(--color-primary-soft); }
.payme-field button:focus-visible,
.hero-cta-stack a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
.payme-preview small { display: block; margin-top: 5px; color: var(--color-text-muted); font-size: 11px; line-height: 1.35; }
.hero-cta-stack { display: grid; gap: 6px; padding-top: 21px; }
.hero-cta-stack .button { min-height: 39px; padding-inline: 12px; font-size: 12px; white-space: nowrap; }
.hero-cta-stack .button.secondary { justify-self: start; min-height: 32px; padding: 0 11px; }
.hero-cta-stack .play { width: 19px; height: 19px; font-size: 9px; }
.hero-copy .hero-benefits { gap: 0; margin-top: 24px; }
.hero-copy .hero-benefits > div { gap: 8px; padding: 0 20px; }
.hero-copy .hero-benefits > div:first-child { padding-left: 0; }
.hero-copy .hero-benefits i { font-size: 21px; }
.hero-copy .hero-benefits b { font-size: 12px; white-space: normal; }

@media (max-width: 1100px) {
  .hero-copy h1 { font-size: clamp(37px, 4vw, 49px); }
  .hero-copy .underlined { white-space: normal; }
  .hero-conversion { grid-template-columns: 1fr; }
  .hero-cta-stack { grid-template-columns: max-content max-content; align-items: center; padding-top: 0; }
  .hero-cta-stack .button.secondary { min-height: 39px; }
}

@media (max-width: 600px) {
  .hero-copy h1 { font-size: clamp(34px, 10vw, 45px); }
  .hero-copy .lead { font-size: 15px; }
  .hero-conversion { margin-top: 18px; }
  .hero-cta-stack { grid-template-columns: 1fr; }
  .hero-cta-stack .button { justify-self: stretch; }
  .hero-cta-stack .button.secondary { justify-self: stretch; }
  .hero-copy .hero-benefits { grid-template-columns: 1fr 1fr; gap: 10px; }
  .hero-copy .hero-benefits > div { padding: 0; border: 0; }
  .hero-copy .hero-benefits > div:last-child { grid-column: auto; }
}

/* Solid-black assurances and at-a-glance product overview */
.glance-section {
  position: relative;
  overflow: hidden;
  padding: 54px 0 75px;
  background: #fff;
  border-bottom: 1px solid var(--color-border);
}
.glance-section::before,
.glance-section::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 440px;
  height: 440px;
  pointer-events: none;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(229,31,43,.13) 0%, rgba(229,31,43,.075) 42%, rgba(229,31,43,.025) 65%, transparent 76%);
}
.glance-section::before { top: 110px; left: -250px; }
.glance-section::after { top: 145px; right: -255px; }
.glance-assurance {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 21px 16px;
  color: #fff;
  background: var(--color-secondary);
  border: 1px solid #282b2d;
  border-radius: 10px;
  box-shadow: 0 15px 34px rgba(17,18,19,.12);
}
.glance-assurance > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  min-width: 0;
  padding: 4px 15px;
  border-right: 1px solid rgba(255,255,255,.24);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.35;
}
.glance-assurance > div:last-child { border-right: 0; }
.glance-assurance svg { flex: 0 0 29px; width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.glance-heading { position: relative; z-index: 1; margin: 36px auto 33px; text-align: center; }
.glance-heading .eyebrow { margin: 0 0 9px; color: var(--color-primary); font-size: 11px; letter-spacing: .23em; }
.glance-heading h2 { max-width: none; font-size: clamp(29px, 2.4vw, 38px); }
.glance-heading > p:last-child { margin: 7px 0 0; font-size: 14px; }
.glance-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.glance-card { min-width: 0; display: flex; flex-direction: column; padding: 0 24px 2px; border-right: 1px solid var(--color-border); }
.glance-card:first-child { padding-left: 0; }
.glance-card:last-child { padding-right: 0; border-right: 0; }
.glance-icon { width: 49px; height: 49px; display: grid; place-items: center; margin-bottom: 15px; color: var(--color-primary); background: var(--color-primary-soft); border-radius: 12px; }
.glance-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; }
.glance-card h3 { min-height: 50px; margin-bottom: 7px; font-size: clamp(19px, 1.5vw, 24px); line-height: 1.12; }
.glance-card p { flex: 1; margin: 0 0 20px; font-size: 14px; line-height: 1.5; }
.glance-card a { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; color: var(--color-primary); font-size: 13px; font-weight: 600; transition: gap .28s var(--ease-standard), color .28s var(--ease-standard); }
.glance-card a:hover { gap: 13px; color: var(--color-primary-hover); }
.glance-card a:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 4px; }

@media (max-width: 1050px) {
  .glance-assurance { grid-template-columns: repeat(2, 1fr); gap: 12px 0; }
  .glance-assurance > div:nth-child(2) { border-right: 0; }
  .glance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 0; }
  .glance-card:nth-child(2) { border-right: 0; padding-right: 0; }
  .glance-card:nth-child(3) { padding-left: 0; }
}

@media (max-width: 600px) {
  .glance-section { padding: 38px 0 60px; }
  .glance-section::before { top: 105px; left: -315px; }
  .glance-section::after { top: 290px; right: -310px; }
  .glance-assurance { padding: 17px 10px; gap: 12px 0; }
  .glance-assurance > div { justify-content: flex-start; gap: 9px; padding: 4px 8px; font-size: 11px; }
  .glance-assurance svg { flex-basis: 23px; width: 23px; height: 23px; }
  .glance-heading { margin: 31px auto 27px; }
  .glance-heading h2 { font-size: 31px; }
  .glance-grid { grid-template-columns: 1fr; gap: 25px; }
  .glance-card, .glance-card:first-child, .glance-card:nth-child(2), .glance-card:nth-child(3), .glance-card:last-child { padding: 0 0 24px; border-right: 0; border-bottom: 1px solid var(--color-border); }
  .glance-card:last-child { padding-bottom: 0; border-bottom: 0; }
  .glance-card h3 { min-height: 0; }
  .glance-card p { margin-bottom: 14px; }
}

/* Payment tracking: wallet-to-wallet confirmation loop */
.payment-flow-section {
  min-height: 0;
  margin: 0;
  padding: 94px 0 86px;
  background: #fffcfb;
  border: 0;
  border-bottom: 1px solid var(--color-border);
  border-radius: 0;
}
.payment-flow-section .flow-heading .eyebrow { display: block; margin-bottom: 10px; color: var(--color-primary); }
.payment-flow-section .flow-heading h2 { max-width: none; font-size: clamp(34px, 3.2vw, 50px); }
.payment-flow-section .flow-heading > p:last-child { max-width: 790px; margin: 12px auto 0; font-size: 16px; line-height: 1.5; }
.payment-route {
  position: relative;
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(360px, 2.6fr) minmax(130px, 1fr);
  align-items: start;
  gap: 26px;
  margin-top: 46px;
}
.route-line {
  position: absolute;
  top: 82px;
  right: 8%;
  left: 8%;
  height: 2px;
  background: #ead2d4;
}
.route-line::after { content: "→"; position: absolute; top: -16px; right: -4px; color: #c93341; font-size: 28px; line-height: 1; }
.route-fill { display: block; width: 100%; height: 100%; background: var(--color-primary); transform-origin: left center; }
.route-wallet { position: relative; z-index: 2; padding-top: 26px; text-align: center; }
.wallet-badge {
  width: 114px;
  height: 114px;
  display: grid;
  place-items: center;
  margin: 0 auto 13px;
  color: #b72536;
  background: #fff2f1;
  border: 1px solid #f4dedf;
  border-radius: 50%;
}
.wallet-badge svg { width: 49px; height: 49px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.2; }
.route-wallet h3 { margin: 0; font: 700 17px/1.2 var(--font-body); letter-spacing: -.025em; }
.route-wallet p { margin: 5px 0 0; font-size: 13px; line-height: 1.35; }
.confirmation-box {
  position: relative;
  z-index: 3;
  min-width: 0;
  min-height: 171px;
  margin-top: 25px;
  padding: 9px 22px 15px;
  background: rgba(255,255,255,.95);
  border: 1px dashed #d56370;
  border-radius: 13px;
  text-align: center;
  box-shadow: 0 16px 35px rgba(92,46,48,.035);
}
.confirm-title { margin: 0 0 9px; color: #ad2030; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.confirmation-track { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.confirmation-track::before,
.confirmation-progress { position: absolute; z-index: 0; top: 26px; right: calc(16.6667% - 4px); left: calc(16.6667% - 4px); height: 2px; }
.confirmation-track::before { content: ""; background: #e9d4d6; }
.confirmation-progress { z-index: 1; background: #26a467; transform-origin: left center; }
.confirm-step { position: relative; z-index: 2; display: grid; justify-items: center; gap: 5px; }
.confirm-bubble {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  color: #b7a7aa;
  background: #fff;
  border: 2px solid #e2cfd2;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(39,30,34,.06);
  font-size: 30px;
  line-height: 1;
  transition: color .25s ease, background .25s ease, border-color .25s ease;
}
.confirm-step.is-complete .confirm-bubble { color: #fff; background: #269e62; border-color: #269e62; }
.confirm-step.is-current:not(.is-complete) .confirm-bubble { border-color: #f1d8dc; }
.confirm-step.is-current:not(.is-complete) .confirm-bubble::after { content: ""; width: 23px; height: 23px; border: 3px solid #f2d4d8; border-top-color: #d43344; border-right-color: #d43344; border-radius: 50%; animation: confirmation-spin .9s linear infinite; }
@keyframes confirmation-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .confirm-step.is-current:not(.is-complete) .confirm-bubble::after { animation: none; } }
.confirm-step b { color: #252326; font-size: 12px; }
.confirmation-status { margin: 8px 0 0; color: #a42b39; font-size: 13px; font-weight: 600; }
.payment-match {
  width: fit-content;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin: 21px auto 0;
  padding: 11px 16px;
  background: #fff;
  border: 1px solid #e9dedc;
  border-radius: 10px;
  box-shadow: 0 8px 22px rgba(38,33,32,.035);
  font-size: 12px;
}
.payment-match > *:not(:last-child) { padding-right: 15px; border-right: 1px solid #d7ccca; }
.payment-match strong { color: var(--color-primary); font-size: 14px; }
.payment-match .match-check { width: 21px; height: 21px; display: grid; place-items: center; padding: 0; color: #fff; background: #269e62; border: 0; border-radius: 50%; font-size: 12px; }
.payment-match .match-status { color: #bd2737; }
.flow-footnote { margin: 12px 0 0; color: var(--color-text-muted); font-size: 12px; text-align: center; }
.flow-footnote a { color: var(--color-primary); font-weight: 600; }

@media (max-width: 900px) {
  .payment-flow-section { padding: 75px 0; }
  .payment-route { grid-template-columns: minmax(105px,1fr) minmax(290px,2.4fr) minmax(105px,1fr); gap: 10px; }
  .wallet-badge { width: 86px; height: 86px; }
  .wallet-badge svg { width: 39px; height: 39px; }
  .route-line { top: 69px; }
  .route-wallet h3 { font-size: 14px; }
  .confirmation-box { margin-top: 17px; padding-inline: 12px; }
  .payment-match { flex-wrap: wrap; }
}

@media (max-width: 650px) {
  .payment-flow-section { padding: 66px 0; }
  .payment-flow-section .flow-heading h2 { font-size: clamp(30px, 8vw, 37px); }
  .payment-flow-section .flow-heading > p:last-child { font-size: 14px; }
  .payment-route { grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 28px; }
  .route-wallet { padding-top: 0; }
  .route-wallet.recipient { grid-column: 2; grid-row: 1; }
  .route-line { top: 44px; left: 22%; right: 22%; }
  .wallet-badge { width: 78px; height: 78px; margin-bottom: 10px; }
  .confirmation-box { grid-column: 1 / -1; grid-row: 2; margin-top: 10px; }
  .payment-match { justify-content: flex-start; gap: 9px; padding: 11px 12px; }
  .payment-match > *:not(:last-child) { padding-right: 9px; }
  .flow-footnote { line-height: 1.5; }
}

/* crypticapay lockup and reference footer */
.brand-lockup { display: inline-flex; align-items: center; gap: var(--space-2); white-space: nowrap; }
.brand-lockup .brand-mark { display: block; width: 29px; height: 29px; flex: 0 0 29px; background: #dc1e3d url("assets/crypticapay-logo-source.png") 68.3% 50% / 151.2% 135.9% no-repeat; border-radius: 20%; }
.brand-lockup .brand-word { color: var(--color-ink); font: 700 19px/1 var(--font-body); letter-spacing: -.065em; }
.brand-lockup .brand-word span { color: var(--color-primary); }
.site-footer { padding: var(--space-12) 0 var(--space-6); color: #fff; background: var(--color-secondary); border-top: 1px solid #343032; }
.site-footer .brand-lockup .brand-mark { width: 36px; height: 36px; flex-basis: 36px; }
.site-footer .brand-lockup .brand-word { color: #fff; font-size: 26px; }
.footer-top { display: grid; grid-template-columns: 1fr minmax(310px,.8fr); gap: var(--space-16); align-items: start; padding-bottom: var(--space-8); border-bottom: 1px solid #454143; }
.footer-identity p { margin: var(--space-2) 0 0; color: #d0cacc; font-size: var(--text-ui); line-height: 1.65; }
.footer-newsletter h2 { margin: 0; color: #fff; font-size: 19px; line-height: 1.12; }
.footer-newsletter p { margin: var(--space-1) 0 var(--space-3); color: #d0cacc; font-size: var(--text-ui); line-height: 1.5; }
.newsletter-form { display: flex; gap: var(--space-2); }
.newsletter-form input { width: 100%; min-width: 0; min-height: 44px; padding: 0 var(--space-3); color: #fff; background: rgba(255,255,255,.035); border: 1px solid #6a6265; border-radius: var(--radius-sm); font: 400 var(--text-ui) var(--font-body); }
.newsletter-form input::placeholder { color: #aaa2a5; }
.newsletter-form button { min-height: 44px; padding: 0 var(--space-4); color: #fff; background: var(--color-primary); border: 1px solid var(--color-primary); border-radius: var(--radius-sm); font: 600 var(--text-ui) var(--font-body); cursor: pointer; }
.newsletter-form button:hover { background: var(--color-primary-hover); }
.footer-newsletter > small,.newsletter-message { display: block; margin-top: var(--space-1); color: #aaa2a5; font-size: var(--text-small); line-height: 1.5; }
.newsletter-message:empty { display: none; }
.footer-links { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: var(--space-5); padding: var(--space-8) 0; border-bottom: 1px solid #454143; }
.footer-links h3 { margin: 0 0 var(--space-3); color: #f4eff0; font: 700 var(--text-small)/1.4 var(--font-body); letter-spacing: .1em; text-transform: uppercase; }
.footer-links a { display: block; width: fit-content; padding: 3px 0; color: #c9c3c5; font-size: var(--text-ui); line-height: 1.45; transition: color var(--motion-fast) var(--ease-standard); }
.footer-links a:hover,.footer-bottom a:hover { color: #fff; }
.site-footer .footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); margin: 0; padding: var(--space-5) 0 0; color: #b8b1b3; font-size: var(--text-small); }
.site-footer .footer-bottom > div { display: flex; align-items: center; gap: var(--space-4); }
.footer-theme { display: inline-flex; align-items: center; gap: var(--space-2); padding: 3px 7px; border: 1px solid #5f575a; border-radius: 20px; font-size: 16px; }
.footer-theme .theme-sun { width: 24px; height: 24px; display: grid; place-items: center; color: var(--color-primary); background: #fff; border-radius: 50%; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.brand-lockup:focus-visible,.footer-links a:focus-visible,.footer-bottom a:focus-visible,.newsletter-form input:focus-visible,.newsletter-form button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 900px) { .footer-top { grid-template-columns: 1fr; gap: var(--space-8); } .footer-links { grid-template-columns: repeat(3,minmax(0,1fr)); gap: var(--space-8); } }
@media (max-width: 600px) { .site-footer { padding-top: var(--space-10); } .site-footer .brand-lockup .brand-word { font-size: 24px; } .footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--space-6); } .site-footer .footer-bottom { align-items: flex-start; flex-direction: column; } }

/* Prepaid credits and calculator */
.credits-section { position: relative; overflow: hidden; background: radial-gradient(circle at 100% 2%,#ffe8eb 0,transparent 24%),radial-gradient(circle at 1% 78%,#fff0f1 0,transparent 25%),#fff; }
.credits-grid { display: grid; grid-template-columns: 1fr 1.06fr; align-items: center; gap: var(--space-10); }
.credits-story { min-width: 0; }
.credits-story .eyebrow { color: var(--color-primary); }
.credits-story h2 { max-width: none; font-size: clamp(34px,3vw,43px); line-height: 1.04; }
.credits-intro { max-width: 480px; margin: var(--space-5) 0 var(--space-6); color: #626b79; font-size: 17px; line-height: 1.48; }
.credits-example { display: flex; align-items: center; gap: var(--space-5); padding: var(--space-4); border: 1px solid #f1cbd0; border-radius: var(--radius-md); background: rgba(255,249,249,.75); }
.credit-icon { width: 48px; height: 48px; flex: 0 0 48px; display: grid; place-items: center; color: var(--color-primary); background: var(--color-primary-soft); border-radius: 50%; font-size: 23px; font-style: normal; line-height: 1; }
.credits-example h3 { font-size: 24px; }
.credits-example p { margin: 3px 0 0; color: #6f7784; font-size: 15px; }
.credits-link,.calculator-details { display: inline-flex; align-items: center; gap: 8px; color: var(--color-primary); font-size: var(--text-ui); font-weight: 600; }
.credits-link { margin-top: var(--space-4); }
.credits-link:hover,.calculator-details:hover { color: var(--color-primary-hover); }
.credits-benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--space-4); margin-top: var(--space-16); }
.credits-benefits article { min-width: 0; padding-right: var(--space-3); }
.credits-benefits article + article { padding-left: var(--space-4); border-left: 1px solid #ecdfe0; }
.credits-benefits i { width: 39px; height: 39px; display: grid; place-items: center; margin-bottom: var(--space-3); color: var(--color-primary); background: var(--color-primary-soft); border-radius: 50%; font-size: 21px; font-style: normal; }
.credits-benefits h3 { font: 600 13px/1.25 var(--font-body); }
.credits-benefits p { margin: var(--space-1) 0 0; color: #6f7784; font-size: var(--text-small); line-height: 1.4; }
.credits-tools { min-width: 0; }
.credits-rates,.credits-calculator { overflow: hidden; border: 1px solid #f0cbd0; border-radius: var(--radius-md); background: rgba(255,255,255,.84); }
.credits-rates { margin-bottom: var(--space-4); }
.credits-rates > div { display: grid; grid-template-columns: 1.3fr .85fr; min-height: 41px; border-bottom: 1px solid #eedadd; }
.credits-rates > div:last-child { border-bottom: 0; }
.credits-rates > div > * { display: flex; align-items: center; min-width: 0; margin: 0; padding: var(--space-2) var(--space-6); font-size: 14px; }
.credits-rates > div > * + * { border-left: 1px solid #eedadd; }
.credits-rates .credits-rate-head { background: #fff5f5; }
.credits-rates .credits-rate-head span { color: #59606d; font-size: var(--text-ui); }
.credits-rates b { font-weight: 600; }
.credits-calculator { padding: var(--space-5); }
.calculator-head { display: flex; align-items: center; gap: var(--space-3); }
.calculator-head .credit-icon { width: 42px; height: 42px; flex-basis: 42px; font-size: 19px; }
.calculator-head h3 { font-size: 22px; }
.calculator-head p { margin: 1px 0 0; color: #6f7784; font-size: var(--text-small); }
.calculator-tabs { display: flex; gap: 3px; margin-left: auto; padding: 3px; border: 1px solid #f0dade; border-radius: var(--radius-md); white-space: nowrap; }
.calculator-tabs button { min-height: 31px; padding: 0 10px; color: #48515f; background: transparent; border: 0; border-radius: 7px; font: 500 var(--text-small) var(--font-body); cursor: pointer; }
.calculator-tabs button.is-active { color: #fff; background: var(--color-primary); }
.calculator-fields { display: grid; grid-template-columns: 1fr 36px 1fr; align-items: end; gap: var(--space-3); margin-top: var(--space-6); }
.calculator-fields label,.calculator-fields > div { min-width: 0; }
.calculator-primary-label,.calculator-result-label { display: block; margin-bottom: var(--space-2); color: #3d4653; font-size: var(--text-ui); }
.calculator-input-wrap,.calculator-output { min-height: 45px; display: flex; align-items: center; gap: 7px; padding: 0 var(--space-3); border: 1px solid #eeb8c0; border-radius: var(--radius-md); background: #fff; }
.calculator-input-wrap input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: #1e2229; font: 600 19px var(--font-body); }
.calculator-input-wrap input::-webkit-inner-spin-button,.calculator-input-wrap input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.calculator-input-wrap input { appearance: textfield; }
.input-prefix { color: #636b76; font-size: 16px; }
.calculator-exchange { width: 36px; height: 45px; display: grid; place-items: center; color: var(--color-primary); background: var(--color-primary-soft); border-radius: var(--radius-md); font-size: 21px; }
.calculator-output { justify-content: space-between; }
.calculator-output strong { color: #1e2229; font-size: 19px; font-weight: 600; white-space: nowrap; }
.calculator-output span { color: #6d7681; font-size: var(--text-small); }
.calculator-summary { display: grid; grid-template-columns: .9fr 1fr 1.2fr; gap: 0; margin-top: var(--space-4); padding: var(--space-4) 0; background: #fff6f6; border-radius: var(--radius-md); }
.calculator-summary > div { min-width: 0; padding: 0 var(--space-4); }
.calculator-summary > div + div { border-left: 1px solid #efdddd; }
.calculator-summary span,.calculator-summary small { display: block; color: #616b77; font-size: var(--text-small); line-height: 1.4; }
.calculator-summary strong { display: block; margin-top: var(--space-1); color: #1f252d; font: 600 21px/1.15 var(--font-display); }
.calculator-summary small { margin-top: 5px; }
.calculator-subscription { display: flex; align-items: center; gap: var(--space-3); margin-top: var(--space-5); padding-top: var(--space-4); border-top: 1px solid #efdddd; }
.calculator-subscription .credit-icon { width: 36px; height: 36px; flex-basis: 36px; font-size: 19px; }
.calculator-subscription p { margin: 0; color: #252b33; font-size: var(--text-ui); }
.calculator-subscription small { display: block; margin-top: 2px; color: #6f7784; font-size: var(--text-small); line-height: 1.4; }
.calculator-details { margin-top: var(--space-4); }
.calculator-input-wrap:focus-within,.calculator-tabs button:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; }
@media (max-width: 1100px) { .credits-grid { grid-template-columns: 1fr; gap: var(--space-12); } .credits-benefits { margin-top: var(--space-10); } }
@media (max-width: 600px) { .credits-story h2 { font-size: 36px; } .credits-intro { font-size: 15px; } .credits-example h3 { font-size: 21px; } .credits-example p { font-size: 13px; } .credits-benefits { gap: var(--space-2); } .credits-benefits article + article { padding-left: var(--space-2); } .credits-benefits h3 { font-size: 11px; } .credits-benefits p { font-size: 11px; } .credits-calculator { padding: var(--space-4); } .calculator-head { flex-wrap: wrap; } .calculator-tabs { width: 100%; margin-left: 0; } .calculator-tabs button { flex: 1; } .calculator-fields { grid-template-columns: 1fr; gap: var(--space-2); } .calculator-exchange { width: 100%; height: 30px; } .calculator-summary { grid-template-columns: 1fr 1fr; } .calculator-summary > div:last-child { grid-column: 1 / -1; margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid #efdddd; border-left: 0; } .credits-rates > div > * { padding-inline: var(--space-3); font-size: 12px; } }

/* The assurance rail belongs to the hero, directly below its product preview. */
.hero { padding-top: 48px; padding-bottom: 30px; }
.hero-assurance-strip { position: relative; z-index: 2; width: min(84%, 1344px); margin-top: 20px; }
.hero-assurance-strip .glance-assurance { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.hero-assurance-strip .glance-assurance > div { gap: 10px; padding-inline: 10px; white-space: nowrap; }
.hero-assurance-strip .glance-assurance > div:nth-child(2) { border-right: 1px solid rgba(255,255,255,.24); }
.glance-section { padding-top: 0; }
.glance-heading { margin-top: 33px; }
@media (min-width: 901px) {
  .hero-visual { min-height: 500px; }
  .floating-note.activated { bottom: 28px; }
}
@media (max-width: 1100px) { .hero-assurance-strip { width: calc(100% - 60px); } }
@media (max-width: 900px) {
  .hero { padding-top: 52px; padding-bottom: 28px; }
  .floating-note.activated { bottom: 22px; }
}
@media (max-width: 880px) {
  .hero-assurance-strip { width: calc(100% - 30px); }
  .hero-assurance-strip .glance-assurance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hero-assurance-strip .glance-assurance > div { white-space: normal; }
  .hero-assurance-strip .glance-assurance > div:nth-child(2) { border-right: 0; }
}
@media (max-width: 600px) {
  .hero { padding-top: 42px; padding-bottom: 25px; }
  .hero-assurance-strip { margin-top: 14px; }
  .glance-section { padding-top: 0; }
  .glance-heading { margin-top: 29px; }
}