/* TC visual system: readable type, red waterlight and unhurried checkout motion. */
:root{--muted:#b7aeb8;--red:#ff304e}
body{isolation:isolate;letter-spacing:.005em}.nav,main,body>footer,.strip{position:relative;z-index:1}
.ambient{position:fixed;inset:0;height:100dvh;z-index:0;background:#09090c;contain:strict}
.ambient::before,.ambient::after{content:"";position:absolute;inset:-40%;pointer-events:none;will-change:transform;filter:blur(45px)}
.ambient::before{background:radial-gradient(ellipse at 70% 30%,#b8183845,transparent 38%),radial-gradient(ellipse at 20% 70%,#ac173c2e,transparent 40%);animation:red-tide 19s ease-in-out infinite alternate}
.ambient::after{border:80px solid #dc254322;border-radius:42% 58% 62% 38%;transform:rotate(-28deg) scale(1.25,.6);animation:waterlight 24s ease-in-out infinite alternate;filter:blur(60px)}
.ambient div:first-child{background:radial-gradient(ellipse,#fb2f4a32,transparent 65%);width:80vw;height:70vh;top:0;right:-20vw}.ambient div:last-child{opacity:.35}
.nav{padding-top:26px;padding-bottom:26px}.wordmark{font-size:15px;letter-spacing:1px;gap:13px;font-weight:850}.brand-icon{width:46px;height:46px;border-radius:13px;transform:none;background:none;border:1px solid #ba59743d;overflow:hidden;box-shadow:0 6px 24px #f3294722}.brand-icon img{width:100%;height:100%;object-fit:cover;display:block}.nav nav{font-size:14px;font-weight:650;gap:34px}.nav-cta{font-size:14px;font-weight:700;padding:13px 20px;background:#2b1420a8;backdrop-filter:blur(16px)}
.hero{min-height:730px;padding-top:78px;padding-bottom:94px;gap:54px}.hero h1{font-size:clamp(62px,6.7vw,92px);font-weight:850;letter-spacing:-3px;line-height:1.07;margin-bottom:30px}.hero-desc{font-size:19px;font-weight:500;line-height:1.8;color:#c1b8c3}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.8px}.button{font-size:15px;font-weight:750;padding:20px 25px;border-radius:13px}.text-link{font-size:14px;font-weight:650}.hero-actions{gap:22px}.hero-notes{font-size:11px;line-height:1.8;gap:10px;color:#b4a5b4}.hero-proof{display:flex;align-items:center;gap:17px;margin-top:32px}.hero-proof strong{font-size:35px;font-weight:850;letter-spacing:-1px}.hero-proof>span{font-size:12px;line-height:1.65;color:#b8a3b2;font-weight:550}.hero-notes{margin-top:23px}
.hero-art{height:520px}.mascot-card{width:330px;height:410px;border-radius:28px;transform:rotate(-5deg);animation:card-drift 8s ease-in-out infinite;box-shadow:18px 40px 95px #000a,0 0 95px #f32d4922}.mascot-cutout{inset:63px 21px 58px;border-radius:18px;background:#12dedf}.mascot-cutout img{object-fit:contain;animation:mascot-breathe 5.5s ease-in-out infinite;transform-origin:center 75%;image-rendering:auto}.card-top,.card-bottom{font-size:10px;font-weight:650;letter-spacing:1.1px}.mascot-card:after{background:linear-gradient(130deg,transparent 25%,#ffffff12 48%,transparent 66%);width:200%;left:-100%;animation:card-light 12s ease-in-out infinite}.float-label{bottom:32px;right:0;padding:19px 24px;font-weight:750;font-size:15px;border-radius:16px;animation:label-drift 8s ease-in-out infinite}.float-label small{font-size:9px;letter-spacing:1px;line-height:1.6}.art-index{font-size:10px;bottom:-16px}.orbital-one{width:450px;height:450px}.orbital-two{width:510px;height:510px}.crosshair{font-weight:600}.strip{background:#130c12c9;backdrop-filter:blur(15px)}.strip b{font-size:12px;font-weight:700}.strip span{font-size:10px}
h2{font-size:52px;font-weight:800;letter-spacing:-1.7px;line-height:1.15}.section{padding-top:120px;padding-bottom:110px}.section-heading>p{font-size:16px;font-weight:500;line-height:1.8}.section-heading{margin-bottom:48px}.mode-card{padding:33px;border-radius:21px;backdrop-filter:blur(12px);background:linear-gradient(145deg,#251720b0,#111016d9)}.mode-card h3{font-size:28px;font-weight:750}.mode-card p{font-size:15px;line-height:1.85;max-width:none;min-height:84px}.mode-foot{font-size:10px;letter-spacing:1px}.mode-card h3 span{font-size:9px}.feature-row h4{font-size:15px;font-weight:750}.feature-row p{font-size:13px;line-height:1.8}.feature-row{gap:30px}.access-section{background:#130c14c9;padding:110px 0}.access-layout{gap:75px}.access-copy>p:not(.eyebrow){font-size:17px;line-height:1.9}.access-copy h2{font-weight:800}.offer-note b{font-size:15px;font-weight:700}.offer-note p{font-size:13px;line-height:1.8}.price-card{padding:38px;border-radius:26px;background:linear-gradient(145deg,#2c1725,#140e16 65%);box-shadow:0 25px 100px #0005,0 0 80px #b4213920}.price-top{margin-bottom:30px;margin-right:0}.price-top .eyebrow,.pill{font-size:11px}.price-card h3{font-size:30px;line-height:1.25;letter-spacing:-.5px;font-weight:800}.current-price{font-weight:800;font-size:74px;letter-spacing:-2.5px}.price>div{font-size:11px}.price-caption{font-size:12px}.benefits li{font-size:14px;font-weight:650;line-height:1.7;margin-bottom:14px}.benefits{padding-top:27px}.price-card .button{font-size:15px}.payment-note{font-size:12px;line-height:1.7;margin-top:22px;gap:5px}.payment-note small{font-size:11px}.price-status{font-size:12px}.steps h3{font-size:24px;font-weight:750}.steps p{font-size:15px;line-height:1.85}.steps article>span{font-size:14px}.help-section h2,.faq-section h2{font-weight:800;font-size:35px}.help-section p:not(.eyebrow),.faq p{font-size:15px;line-height:1.85}.faq summary{font-size:16px;font-weight:700;line-height:1.5}.help-section .eyebrow{font-size:11px}.help-section{padding-top:46px;padding-bottom:46px}footer .wordmark{font-size:13px}footer .brand-icon{width:38px;height:38px}footer p,footer>span,footer>a{font-size:12px}.price-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#ff5c7d,transparent)}
/* The payment sheet inherits the same typography and light. */
.commerce-body .red-wash{background:radial-gradient(ellipse at 20% 10%,#bc21432e,transparent 55%),radial-gradient(ellipse at 90% 80%,#c5224620,transparent 60%);animation:red-tide 18s ease-in-out infinite alternate;inset:-20%}.checkout-shell{max-width:600px;padding:20px 28px 30px}.checkout-heading h1{font-size:40px;font-weight:800;letter-spacing:-1px}.checkout-heading>p{font-size:15px;line-height:1.7}.checkout-heading .eyebrow{font-size:11px;letter-spacing:1.5px}.checkout-card{padding:30px;border-radius:23px}.order-brand strong{font-size:18px;font-weight:800}.order-brand span,.order-price span{font-size:12px}.order-price strong{font-size:32px}.order-brand img{box-shadow:0 5px 25px #c4284233}.checkout-card .button{min-height:76px;padding:20px 23px;border-radius:14px}.button .payment-label{font:750 17px/1.4 Inter,"Segoe UI",sans-serif}.payment-label small{display:block;font-size:11px;font-weight:550;margin-top:5px;color:#ffe4eb}.checkout-card .checkout-status{font-size:12px;min-height:0;margin:13px 0 24px}.provider-option{padding:20px;border-radius:15px;background:#22131de0;gap:16px;min-height:87px}.provider-option strong{font-size:17px;font-weight:750}.provider-option small{font-size:12px}.provider-icon{height:46px;width:46px}.alternate-toggle{font-size:14px;padding-top:23px;margin-top:25px}.checkout-assurance{font-size:13px;font-weight:650;margin-top:23px}.checkout-assurance span{font-size:12px;font-weight:500}.checkout-card #alternate-view{animation:commerce-arrive .55s ease both}.commerce-embedded .checkout-shell,.commerce-embedded .crypto-shell{margin-top:44px}.commerce-embedded .checkout-heading{margin-bottom:28px}.commerce-body main{animation:commerce-arrive .65s cubic-bezier(.22,.7,.3,1) both;transition:opacity .24s,transform .24s}.commerce-body.commerce-leaving main{opacity:0;transform:translateY(-9px);animation:none}.crypto-shell{max-width:650px}.crypto-panel{padding:34px;border-radius:24px}.crypto-panel h1{font-size:33px;letter-spacing:-.8px}.crypto-panel>p,.crypto-panel label{font-size:14px;line-height:1.8}.crypto-panel input,.crypto-panel select{font-size:15px;padding:16px}.crypto-panel .button{font-size:15px;min-height:56px}.crypto-identity strong{font-size:18px}.crypto-identity span{font-size:10px}.crypto-back{font-size:13px}.crypto-panel .fine,.crypto-footer{font-size:12px;line-height:1.8}.crypto-panel .network-warning{font-size:13px}.crypto-panel .payment-summary{font-size:15px}.crypto-panel .payment-progress{font-size:14px}
@keyframes red-tide{0%{transform:translate3d(-2%,-2%,0) rotate(-7deg) scale(1.05)}100%{transform:translate3d(4%,3%,0) rotate(8deg) scale(1.12)}}
@keyframes waterlight{to{transform:rotate(14deg) scale(1.05,.8) translateY(10%)}}
@keyframes card-drift{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-16px) rotate(-2deg)}}
@keyframes mascot-breathe{0%,100%{transform:translateY(2px) scale(1)}50%{transform:translateY(-4px) scale(1.025)}}
@keyframes label-drift{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@keyframes card-light{0%,50%{transform:translateX(-30%)}85%,100%{transform:translateX(90%)}}
@keyframes commerce-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.hero{gap:30px}.hero h1{font-size:70px}.mascot-card{width:285px;height:360px}.hero-art{height:470px}.orbital-two{width:405px;height:405px}.orbital-one{width:360px;height:360px}.access-layout{gap:40px}.mode-card{padding:25px}.mode-card h3{font-size:25px}.mode-card p{font-size:14px}.price-card{padding:29px}.float-label{right:-5px}}
@media(max-width:760px){.nav{padding:20px 24px}.wordmark{font-size:13px;gap:10px}.nav .brand-icon{width:40px;height:40px}.nav-cta{font-size:12px;padding:11px 14px}.hero{padding-top:47px;padding-bottom:40px;gap:30px}.hero h1{font-size:clamp(54px,12vw,76px);letter-spacing:-2px}.hero .eyebrow{font-size:10px}.hero-desc{font-size:17px;line-height:1.8}.hero-proof{justify-content:center;text-align:left;margin-top:28px}.hero-notes{font-size:10px}.hero-art{height:425px;max-width:360px}.mascot-card{width:265px;height:340px}.mascot-cutout{inset:58px 17px 54px}.card-top,.card-bottom{font-size:8px}.float-label{font-size:13px;padding:15px 17px;right:-3px;bottom:12px}.float-label small{font-size:8px}.orbital-one{width:310px;height:310px}.orbital-two{width:345px;height:345px}.art-index{display:none}.hero-actions{gap:19px}.text-link{font-size:13px}.button{font-size:14px;padding:18px 22px}.strip b{font-size:10px;letter-spacing:.6px}.section{padding-top:74px;padding-bottom:68px}.section-heading h2{font-size:42px}.section-heading>p{font-size:15px}.mode-card p{min-height:0;font-size:15px}.mode-card h3{font-size:27px}.mode-foot{font-size:9px}.feature-row h4{font-size:15px}.feature-row p{font-size:13px}.access-section{padding:72px 0}.access-layout{gap:40px}.access-copy>p:not(.eyebrow){font-size:16px}.price-card{padding:27px}.price-card h3{font-size:27px}.current-price{font-size:68px}.price-top .eyebrow,.pill{font-size:9px}.benefits li{font-size:13px}.payment-note{font-size:11px}.steps p{font-size:15px}.help-section p:not(.eyebrow){font-size:14px}.faq summary{font-size:15px}.faq p{font-size:14px}.checkout-shell{padding:15px 20px 24px}.checkout-card{padding:24px}.checkout-heading h1{font-size:32px}.checkout-heading>p{font-size:13px}.order-brand strong{font-size:16px}.order-brand span,.order-price span{font-size:10px}.order-brand img{width:48px;height:48px}.order-price strong{font-size:28px}.button .payment-label{font-size:15px}.provider-option{padding:17px 15px;gap:12px}.provider-option strong{font-size:15px}.provider-option small{font-size:11px}.checkout-card .checkout-status{font-size:11px}.alternate-toggle{font-size:13px}.crypto-shell{padding:0 17px}.crypto-panel{padding:24px}.crypto-panel h1{font-size:28px}.crypto-panel>p{font-size:13px}.crypto-identity strong{font-size:16px}.crypto-identity span{font-size:8px}.commerce-embedded .checkout-shell,.commerce-embedded .crypto-shell{margin-top:40px}.eyebrow{font-size:10px}.price-top{gap:10px}.float-label .spark{font-size:23px}}
@media(max-width:380px){.hero h1{font-size:55px}.hero-art{transform:none}.orbital-two{width:290px;height:290px}.orbital-one{width:270px;height:270px}.hero-art{height:395px}.mascot-card{width:245px;height:320px}.hero-notes{font-size:9px}.price-card{padding:22px}.order-brand{gap:9px}.checkout-card{padding:20px}.checkout-heading h1{font-size:29px}.checkout-shell{padding-left:13px;padding-right:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.commerce-body main{opacity:1;transform:none}.motion-ready .reveal{opacity:1;transform:none}}

/* Progressive scroll reveals and deliberately slow checkout entrances. */
html,body{overflow-x:clip}main{overflow-x:clip}.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity 1.15s ease,transform 1.15s cubic-bezier(.2,.65,.3,1)}.motion-ready .reveal.visible{opacity:1;transform:none}.mode-grid .reveal:nth-child(2),.steps .reveal:nth-child(2){transition-delay:.14s}.mode-grid .reveal:nth-child(3),.steps .reveal:nth-child(3){transition-delay:.28s}.commerce-body main{animation-duration:1s}.coin-search-options{margin:13px 0 20px!important;padding-top:12px!important}.coin-search-options summary{font-size:12px;color:#cbb7c3}.coin-search-options input{margin-bottom:10px}.crypto-panel #create-invoice{margin-top:25px}
@keyframes gentle-fade{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.orbital-one{width:225px;height:225px}.orbital-two{width:250px;height:250px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:0;transform:none!important;transition:opacity 1s ease!important}.motion-ready .reveal.visible{opacity:1}.payment-dialog[open]{animation:gentle-fade 1s ease both!important}.payment-dialog[open]::backdrop{animation:gentle-fade 1s ease both!important}.payment-dialog.is-closing,.payment-dialog.is-closing::backdrop{animation:backdrop-exit .26s ease both!important}.payment-dialog iframe{transition:opacity .8s ease!important}.commerce-body main{animation:gentle-fade .9s ease both!important}.commerce-body.commerce-leaving main{animation:none!important;opacity:0;transition:opacity .24s ease!important}}