@font-face{font-family:Geist;src:url('/assets/fonts/geist-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/fonts/geist-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/fonts/geist-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/fonts/geist-700.woff2') format('woff2');font-weight:700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--tail-paper);color:var(--tail-ink);font-family:var(--tail-font);-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}svg{display:block}a,button,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--tail-blue);outline-offset:5px}::selection{background:var(--tail-blue);color:#fff}.token-wrap{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.token-eyebrow{font-size:11px;font-weight:600;letter-spacing:1.3px;line-height:1.5;display:flex;align-items:center;gap:16px}.token-soon{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:var(--tail-blue-light);color:var(--tail-blue-text);font-size:10px;letter-spacing:.15px;line-height:1;font-weight:500;white-space:nowrap}.token-soon i{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%}.token-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center;padding-top:82px;padding-bottom:76px;min-height:750px}.token-hero-copy{position:relative;z-index:2}.token-hero h1{margin:25px 0 27px;font-size:clamp(70px,7.6vw,110px);font-weight:700;letter-spacing:-.078em;line-height:.98}.token-hero h1 em{font-style:normal;color:var(--tail-blue);display:inline-block;rotate:-3deg;position:relative}.token-hero h1 em:after{content:'';position:absolute;left:3%;right:-4%;bottom:-6px;height:6px;border-radius:50%;background:var(--tail-blue);rotate:1deg}.token-hero-description{max-width:398px;font-size:16px;line-height:1.65;letter-spacing:-.1px;color:var(--tail-muted)}.token-hero-description strong{color:var(--tail-ink);font-weight:600}.token-hero-actions{display:flex;align-items:center;gap:27px;margin-top:29px}.token-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:16px 20px;background:var(--tail-blue-fill);color:#fff;border-radius:10px;font-size:12px;font-weight:600;box-shadow:0 4px 0 color-mix(in srgb,var(--tail-blue-deep) 78%,#000);transition:translate .18s,box-shadow .18s}.token-button span{font-size:19px;line-height:1}.token-button:hover{translate:0 -2px;box-shadow:0 6px 0 color-mix(in srgb,var(--tail-blue-deep) 78%,#000)}.token-button:active{translate:0 2px;box-shadow:0 2px 0 color-mix(in srgb,var(--tail-blue-deep) 78%,#000)}.token-text-link{display:inline-flex;align-items:center;gap:13px;font-size:11px;font-weight:500;padding:12px 0}.token-text-link:hover{color:var(--tail-blue-text)}.token-text-link span{font-size:18px}.token-hero-note{margin-top:24px;color:var(--tail-muted);font-size:10px}
/* A token as a TAIL sticker, surrounded by its two useful perks. Every character is the original mark. */
.token-art{height:510px;position:relative;isolation:isolate;min-width:0;margin:0 -8px 0 -15px}.token-art-grid{position:absolute;inset:16px 0 4px;border-radius:48% 42% 43% 48%;background:radial-gradient(circle,var(--tail-line) 1.25px,transparent 1.5px) 0 0/19px 19px;opacity:.72}.token-art-orbit{position:absolute;border:1px solid var(--tail-line);border-radius:50%;inset:45px 12px 37px;rotate:-26deg}.orbit-two{inset:85px -2px 78px;rotate:25deg}.token-sticker{position:absolute;left:12%;top:74px;width:290px;height:290px;border:8px solid #fff;border-radius:50%;background:#eaf1ff;box-shadow:0 0 0 1px #1557ff2e,0 13px 0 #123269,0 24px 38px #1232691c;rotate:-13deg;display:flex;align-items:center;justify-content:center;z-index:2}.token-sticker img{width:196px;height:auto;margin-top:8px;filter:drop-shadow(0 5px 0 #fff)}.token-sticker-top,.token-sticker-bottom{position:absolute;z-index:2;color:#123269;font-size:11px;font-weight:700;letter-spacing:2px}.token-sticker-top{top:20px}.token-sticker-bottom{bottom:16px;letter-spacing:4px}.token-cash-ticket{position:absolute;right:-2px;top:15px;width:185px;background:#1557ff;color:#fff;padding:23px 21px 22px;rotate:11deg;border:6px solid #fff;border-radius:15px;box-shadow:0 0 0 1px #1557ff20,0 12px 30px #1232691b;z-index:3}.token-cash-ticket>span:first-child{font-size:10px;font-weight:600;letter-spacing:1.8px}.token-cash-ticket strong{display:block;font-size:74px;line-height:1.02;letter-spacing:-7px;margin:6px 0 10px;font-weight:700}.token-cash-ticket strong span{font-size:37px;vertical-align:top;display:inline-block;margin-top:8px;letter-spacing:-2px;margin-left:3px}.token-cash-ticket b{display:block;font-size:9px;font-weight:600;letter-spacing:.85px;border-top:1px dashed #ffffff6b;padding-top:14px;white-space:nowrap}.token-boost-sticker{position:absolute;left:1%;bottom:46px;width:300px;display:flex;align-items:center;gap:15px;padding:19px;background:var(--tail-card);border:1px solid var(--tail-line);outline:6px solid var(--tail-paper);border-radius:18px;box-shadow:0 10px 0 var(--tail-ink),0 15px 26px #12326917;rotate:-6deg;z-index:4}.token-boost-icon{width:46px;height:54px;display:grid;place-items:center;color:var(--tail-blue-text);background:var(--tail-blue-light);border-radius:11px}.token-boost-icon svg{width:32px}.token-boost-sticker strong{font-size:31px;font-weight:700;letter-spacing:-1.6px;line-height:1.1;display:block}.token-boost-sticker div>span{font-size:10px;color:var(--tail-muted);display:block;margin-top:4px}.token-boost-arrow{width:30px;height:30px;margin-left:auto;color:var(--tail-blue-text)}.token-spark{position:absolute;z-index:3;color:var(--tail-blue);font-size:52px;line-height:1}.spark-one{right:9%;bottom:100px;rotate:10deg}.spark-two{left:4%;top:11px;font-size:39px}.token-art-plus{position:absolute;right:10px;top:280px;font-size:25px;font-weight:500;color:var(--tail-blue)}.token-art-note{position:absolute;bottom:0;left:0;right:0;text-align:center;color:var(--tail-muted);font-size:9px;letter-spacing:2px;font-weight:500}
.token-benefit-nav{border-block:1px solid var(--tail-line);display:grid;grid-template-columns:.9fr 1fr 1fr;align-items:center;gap:35px;padding-block:24px}.token-nav-label{font-size:10px;letter-spacing:1.7px;color:var(--tail-muted)}.token-benefit-nav a{display:flex;align-items:center;gap:17px;padding:8px 0;font-size:13px}.token-benefit-nav a:hover{color:var(--tail-blue)}.token-nav-number{font-size:10px;color:var(--tail-muted)}.token-benefit-nav a strong{font-weight:500}.token-benefit-nav a>span:last-child{margin-left:auto;font-size:22px}
.token-feature{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:90px;padding-block:124px}.token-feature-copy{min-width:0}.token-feature-kicker{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:1.5px;font-weight:500;flex-wrap:wrap}.token-feature h2,.token-faq h2{font-size:clamp(43px,4.3vw,64px);line-height:1.05;letter-spacing:-.063em;font-weight:600;margin:25px 0 26px}.token-feature h2 em{font-style:normal;color:var(--tail-blue)}.token-feature-description{font-size:16px;line-height:1.75;color:var(--tail-muted);max-width:390px}.token-feature-description strong{color:var(--tail-ink);font-weight:600}.token-feature-callout{display:flex;align-items:center;gap:16px;margin:29px 0;border-top:1px solid var(--tail-line);border-bottom:1px solid var(--tail-line);padding:22px 0;font-size:12px;line-height:1.65;color:var(--tail-muted);max-width:340px}.token-feature-callout svg{height:32px;width:32px;color:var(--tail-blue)}.token-feature-callout .token-burner{height:28px;width:auto;flex:none}.token-feature-callout strong{color:var(--tail-ink);font-weight:500}.token-detail{font-size:11px;line-height:1.8;color:var(--tail-muted);max-width:340px}.token-demo-stage{min-width:0;position:relative;border:1px solid var(--tail-line);border-radius:27px;padding:25px 29px 23px;background:var(--tail-surface);display:flex;flex-direction:column;justify-content:center;gap:28px;isolation:isolate}.boost-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(circle,var(--tail-line) 1px,transparent 1.3px) 0 0/16px 16px;z-index:-1;border-radius:inherit;opacity:.55}.token-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;line-height:1.5;letter-spacing:1.1px;color:var(--tail-muted);font-weight:500}.token-stage-top span:last-child{color:var(--tail-blue-text)}.token-stage-bottom{display:flex;justify-content:center;align-items:center;gap:7px;font-size:9px;color:var(--tail-muted);line-height:1.5;text-align:center}.token-stage-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--tail-blue)}tail-boost-preview,tail-cashback-preview{display:block;width:100%;min-width:0}.token-fallback{background:var(--tail-card);padding:34px 25px;border:1px solid var(--tail-line);border-radius:18px;min-height:330px;display:flex;flex-direction:column;justify-content:center}.token-fallback-label{color:var(--tail-blue-text);font-size:10px;letter-spacing:1.3px}.token-fallback strong{font-size:33px;letter-spacing:-1.5px;line-height:1.1;margin:22px 0}.token-fallback p{font-size:12px;line-height:1.7;color:var(--tail-muted);max-width:310px}
.token-cashback-band{background:var(--tail-blue-light);border-block:1px solid var(--tail-line);overflow:hidden}.token-feature-reverse{grid-template-columns:1.14fr .86fr}.token-feature-reverse .token-feature-copy{grid-column:2;grid-row:1}.token-feature-reverse .token-demo-stage{grid-column:1;grid-row:1}.token-cashback-band .token-soon{background:var(--tail-paper)}.cashback-stage{background:var(--tail-paper);box-shadow:0 17px 42px color-mix(in srgb,var(--tail-shadow) 19%,transparent);rotate:-2deg;border-radius:24px}.token-cashback-stat{display:flex;gap:23px;align-items:center;margin-block:25px;color:var(--tail-blue)}.token-cashback-stat>strong{font-size:104px;line-height:1;letter-spacing:-.085em;font-weight:700}.token-cashback-stat>strong span{font-size:51px;letter-spacing:-3px;vertical-align:top;display:inline-block;margin-top:10px;margin-left:4px}.token-cashback-stat>div{font-size:9px;letter-spacing:1px;line-height:1.8;color:var(--tail-muted);padding-top:8px}.token-cashback-stat b{color:var(--tail-ink);font-weight:500;white-space:nowrap}
.token-faq{padding-block:112px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.token-faq h2{margin-top:20px;margin-bottom:12px}.token-faq-bird{width:165px;height:auto;rotate:-7deg;margin:8px 0 0 -12px}.token-faq-list details{border-bottom:1px solid var(--tail-line)}.token-faq-list details:first-child{border-top:1px solid var(--tail-line)}.token-faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:500;cursor:pointer;list-style:none;padding:24px 0}.token-faq-list summary::-webkit-details-marker{display:none}.token-faq-list summary span{font-size:24px;font-weight:400;color:var(--tail-blue);transition:rotate .2s}.token-faq-list details[open] summary span{rotate:45deg}.token-faq-list details p{font-size:12px;line-height:1.8;color:var(--tail-muted);padding:0 25px 24px 0;max-width:490px}.token-faq-list a{text-decoration:underline;text-underline-offset:3px;color:var(--tail-blue-text)}
.token-closing{background:#1557ff;color:#fff;overflow:hidden}.token-closing-inner{position:relative;display:flex;justify-content:space-between;align-items:center;padding-block:81px;gap:40px}.token-closing .token-eyebrow{color:#d1deff;font-size:10px}.token-closing h2{font-size:clamp(48px,5.3vw,78px);line-height:1.03;letter-spacing:-.063em;margin:20px 0}.token-closing h2 em{font-style:normal}.token-closing p:not(.token-eyebrow){font-size:13px;color:#eaf1ff;line-height:1.7;margin-bottom:28px}.token-button-white{background:#fff;color:#1557ff;box-shadow:0 4px 0 #123269}.token-button-white:hover{box-shadow:0 6px 0 #123269}.token-closing-art{width:275px;height:275px;background:#fff;border-radius:47% 48% 41% 43%;display:flex;align-items:center;justify-content:center;position:relative;rotate:13deg;margin-right:45px;box-shadow:0 12px 0 #123269}.token-closing-art img{width:205px;height:auto;rotate:-16deg}.token-closing-art span{position:absolute;bottom:-18px;right:-32px;padding:13px 20px;background:#eaf1ff;color:#123269;border:4px solid #fff;border-radius:9px;font-size:11px;font-weight:700;letter-spacing:1px;rotate:-23deg;box-shadow:0 5px 0 #123269}.token-footer{padding-top:43px;padding-bottom:26px}.token-footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-bottom:35px}.token-footer-top p{font-size:11px;color:var(--tail-muted);margin-top:12px}.token-footer-top nav{display:flex;flex-wrap:wrap;gap:26px;font-size:11px;font-weight:500}.token-footer-top nav a:hover{color:var(--tail-blue)}.token-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:9px;line-height:1.7;color:var(--tail-muted);border-top:1px solid var(--tail-line);padding-top:24px}.token-footer-bottom>a{font-size:8px;letter-spacing:1px;white-space:nowrap}
tail-boost-preview,tail-cashback-preview{margin-inline:auto}.token-closing .token-button:focus-visible{outline-color:#fff}
@media(max-width:950px){.tail-shell-search{padding:9px;border:0;background:transparent}.tail-shell-search span,.tail-shell-search kbd{display:none}}
@media(min-width:1100px) and (prefers-reduced-motion:no-preference){.token-sticker{animation:token-settle 850ms var(--tail-ease) both}.token-cash-ticket{animation:token-settle 1050ms var(--tail-ease) both}.token-boost-sticker{animation:token-settle 1200ms var(--tail-ease) both}.token-art:hover .token-sticker{translate:0 -5px;transition:translate .4s}.token-art:hover .token-cash-ticket{translate:3px -3px;transition:translate .4s}.token-art:hover .token-boost-sticker{translate:-3px 3px;transition:translate .4s}}
@keyframes token-settle{from{translate:0 14px;scale:.97}to{translate:0 0;scale:1}}
@media(min-width:1500px){.token-hero{gap:65px}.token-art{margin-left:0}.token-sticker{left:14%;width:305px;height:305px}.token-cash-ticket{right:0}}
@media(max-width:1100px){.token-wrap{width:calc(100% - 64px)}.token-hero{min-height:660px;padding-top:62px;padding-bottom:65px;gap:5px}.token-hero h1{font-size:clamp(66px,8vw,87px)}.token-hero-description{max-width:340px;font-size:15px}.token-hero-actions{gap:19px}.token-button{gap:20px;padding-inline:17px}.token-art{height:450px;margin-left:0;margin-right:0}.token-sticker{width:245px;height:245px;left:7%;top:80px}.token-sticker img{width:168px}.token-sticker-top{top:15px;font-size:9px}.token-sticker-bottom{bottom:12px;font-size:9px}.token-cash-ticket{width:153px;top:21px;right:-5px;padding:16px}.token-cash-ticket strong{font-size:61px;letter-spacing:-5px}.token-cash-ticket strong span{font-size:30px;margin-top:7px}.token-cash-ticket b{font-size:7px;letter-spacing:.5px}.token-boost-sticker{width:250px;bottom:48px;left:2%;padding:15px;gap:12px}.token-boost-sticker strong{font-size:27px}.token-boost-icon{height:46px;width:39px}.token-boost-icon svg{width:27px}.token-boost-arrow{width:25px}.spark-one{right:6%;bottom:94px;font-size:40px}.token-feature{gap:45px;padding-block:94px}.token-demo-stage{padding:22px;gap:23px}.token-feature h2{font-size:48px}.token-feature-description{font-size:14px}.token-cashback-stat{gap:17px}.token-cashback-stat>strong{font-size:91px}.token-cashback-stat>strong span{font-size:43px}.token-faq{gap:50px;padding-block:90px}.token-closing-art{margin-right:15px}}
@media(max-width:820px){.token-wrap{width:calc(100% - 48px)}.token-hero{grid-template-columns:1fr 1fr;min-height:610px;gap:0;padding-top:55px;padding-bottom:55px}.token-hero h1{font-size:68px}.token-eyebrow{gap:10px;font-size:9px;letter-spacing:1px}.token-soon{font-size:9px;padding:6px 8px;gap:5px}.token-hero-description{font-size:14px;max-width:300px}.token-hero-actions{gap:14px;flex-wrap:wrap}.token-text-link{font-size:10px}.token-art{height:400px;margin-left:-10px}.token-sticker{width:215px;height:215px;left:4%;top:90px}.token-sticker img{width:145px}.token-cash-ticket{width:132px;top:24px;right:-6px;padding:13px}.token-cash-ticket strong{font-size:52px;letter-spacing:-4px}.token-cash-ticket strong span{font-size:25px;letter-spacing:-1px}.token-cash-ticket>span:first-child{font-size:8px}.token-cash-ticket b{font-size:6px}.token-boost-sticker{width:222px;bottom:26px;left:0;padding:13px}.token-boost-sticker strong{font-size:24px}.token-boost-icon{width:34px;height:40px}.token-boost-sticker div>span{font-size:9px}.token-art-note{bottom:-12px;font-size:7px}.token-art-plus{top:235px;right:0}.spark-one{right:3%;bottom:70px;font-size:29px}.spark-two{left:9%;top:45px;font-size:29px}.token-benefit-nav{gap:22px;grid-template-columns:.85fr 1fr 1fr}.token-nav-label{font-size:8px;letter-spacing:1px}.token-feature{grid-template-columns:1fr 1.18fr;gap:28px;padding-block:80px}.token-feature-kicker{font-size:8px;gap:10px;letter-spacing:1px}.token-feature h2{font-size:40px;margin-block:23px}.token-feature-description{font-size:13px}.token-detail{font-size:10px}.token-demo-stage{padding:19px 15px;gap:21px}.token-stage-top{font-size:7px;letter-spacing:.8px}.token-stage-bottom{font-size:8px;gap:5px}.token-feature-reverse{grid-template-columns:1.18fr 1fr}.token-cashback-stat{gap:12px}.token-cashback-stat>strong{font-size:73px}.token-cashback-stat>strong span{font-size:34px;margin-top:7px}.token-cashback-stat>div{font-size:7px;letter-spacing:.5px}.token-faq{grid-template-columns:.7fr 1.3fr;gap:38px;padding-block:80px}.token-faq h2{font-size:45px}.token-faq-list summary{font-size:13px;padding-block:22px}.token-faq-list details p{font-size:11px}.token-closing-art{width:225px;height:225px;margin-right:10px}.token-closing-art img{width:166px}.token-closing-art span{font-size:9px;right:-14px}.token-closing h2{font-size:57px}.token-closing-inner{padding-block:65px}.token-footer-top nav{gap:19px}}
@media(max-width:620px){html{scroll-padding-top:84px}.token-wrap{width:calc(100% - 40px)}.tail-global-nav>.tail-nav-x{display:none}.token-hero{grid-template-columns:1fr;padding-top:39px;padding-bottom:38px;gap:5px;min-height:0}.token-eyebrow{font-size:9px;gap:12px}.token-hero h1{font-size:clamp(62px,13.3vw,80px);line-height:.97;letter-spacing:-.07em;margin:26px 0 24px}.token-hero h1 br:nth-of-type(2){display:none}.token-hero h1 em{margin-left:.12em}.token-hero h1 em:after{height:4px;bottom:-4px}.token-hero-description{font-size:14px;max-width:360px;line-height:1.75}.token-hero-actions{margin-top:23px;gap:24px;flex-wrap:nowrap}.token-button{font-size:11px;min-height:48px;padding:14px 17px;gap:24px}.token-text-link{font-size:10px;gap:11px}.token-hero-note{margin-top:21px;font-size:9px}.token-art{height:355px;width:min(100%,360px);margin:20px auto 0}.token-art-grid{inset:0 0 0}.token-art-orbit{inset:20px 6px 25px}.orbit-two{inset:46px -3px 51px}.token-sticker{left:13%;top:45px;width:220px;height:220px;border-width:7px;box-shadow:0 0 0 1px #1557ff2e,0 10px 0 #123269,0 20px 28px #12326915}.token-sticker img{width:150px}.token-cash-ticket{right:3px;top:7px;width:138px;padding:14px}.token-cash-ticket strong{font-size:52px}.token-cash-ticket strong span{font-size:27px}.token-cash-ticket b{font-size:6.5px}.token-boost-sticker{bottom:30px;left:1%;width:225px;box-shadow:0 7px 0 var(--tail-ink),0 13px 22px #12326917}.token-art-note{bottom:-7px}.spark-one{bottom:62px;right:5%}.spark-two{top:5px;left:9%}.token-art-plus{right:0;top:223px;font-size:20px}.token-benefit-nav{grid-template-columns:1fr 1fr;gap:0 27px;padding-block:18px;margin-top:0}.token-nav-label{grid-column:1/-1;margin-bottom:7px;font-size:8px}.token-benefit-nav a{font-size:12px;gap:10px}.token-nav-number{font-size:8px}.token-benefit-nav a>span:last-child{font-size:19px}.token-feature,.token-feature-reverse{grid-template-columns:1fr;gap:31px;padding-block:62px}.token-feature-reverse .token-feature-copy,.token-feature-reverse .token-demo-stage{grid-column:auto;grid-row:auto}.token-feature-kicker{font-size:9px;gap:14px}.token-feature h2{font-size:49px;line-height:1.03;margin:21px 0 20px}.token-feature-description{font-size:14px;line-height:1.75;max-width:380px}.token-feature-callout{margin-block:23px;font-size:12px;padding-block:18px;max-width:none}.token-feature-callout svg{width:28px;height:28px}.token-feature-callout .token-burner{height:24px;width:auto}.token-detail{font-size:10px;max-width:360px}.token-demo-stage{padding:21px 19px 18px;gap:22px;border-radius:21px}.token-stage-top{font-size:7px;letter-spacing:1px}.token-stage-bottom{font-size:8px}.cashback-stage{rotate:-1deg}.token-cashback-stat{margin-block:20px;gap:22px}.token-cashback-stat>strong{font-size:98px}.token-cashback-stat>strong span{font-size:46px;margin-top:9px}.token-cashback-stat>div{font-size:9px;letter-spacing:.7px}.token-faq{grid-template-columns:1fr;gap:25px;padding-block:61px}.token-faq-heading{position:relative}.token-faq h2{font-size:47px;line-height:1.02;margin:17px 0 0}.token-faq-bird{position:absolute;width:122px;right:-6px;bottom:-1px;margin:0}.token-faq-list summary{font-size:13px;line-height:1.5;gap:15px;padding-block:22px}.token-faq-list summary span{font-size:21px}.token-faq-list details p{font-size:12px;max-width:none;padding-right:8px}.token-closing-inner{padding-block:51px;min-height:450px;align-items:flex-start}.token-closing h2{font-size:55px;max-width:270px}.token-closing p:not(.token-eyebrow){font-size:12px;max-width:235px;margin-bottom:24px}.token-closing-art{position:absolute;right:-2px;bottom:39px;width:113px;height:113px;margin:0;box-shadow:0 7px 0 #123269}.token-closing-art img{width:82px}.token-closing-art span{font-size:6px;letter-spacing:.6px;padding:7px 8px;border-width:3px;bottom:-9px;right:-10px;white-space:nowrap;box-shadow:0 3px 0 #123269}.token-footer{padding-top:32px;padding-bottom:25px}.token-footer-top{align-items:flex-start;gap:24px;padding-bottom:28px}.token-footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:17px 22px;font-size:10px}.token-footer-top p{font-size:10px}.token-footer-bottom{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:8px;padding-top:20px}.token-footer-bottom p{grid-column:1/-1;grid-row:2}.token-footer-bottom>a{font-size:7px}.token-fallback{min-height:300px;padding:29px 21px}.token-fallback strong{font-size:30px}}
@media(max-width:370px){.token-wrap{width:calc(100% - 32px)}.token-hero h1{font-size:61px}.token-hero-actions{gap:16px}.token-text-link{gap:7px;font-size:9px}.token-button{padding-inline:14px;font-size:10px;gap:15px}.token-art{height:335px}.token-sticker{left:8%;width:208px;height:208px}.token-cash-ticket{width:126px;right:0}.token-cash-ticket strong{font-size:46px}.token-cash-ticket strong span{font-size:24px}.token-cash-ticket b{font-size:6px;letter-spacing:.3px}.token-boost-sticker{width:208px;bottom:25px}.token-stage-top{font-size:6.5px;letter-spacing:.5px}.token-demo-stage{padding-inline:13px}.token-feature h2{font-size:44px}.token-faq-list summary{font-size:12px}.token-closing-art{width:94px;height:94px;bottom:29px;right:4px}.token-closing-art img{width:71px}.token-footer-top nav{gap:16px 20px}}
/* Fit the rotated decoration itself inside the page; content never needs clipping. */
@media(max-width:820px){.token-art-orbit{inset:60px 40px 55px}.orbit-two{inset:88px 28px 82px}}
@media(max-width:620px){.token-art-orbit{inset:40px 35px 45px}.orbit-two{inset:63px 24px 67px}}
@media(max-width:370px){.token-faq-bird{width:83px;right:0;bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.tail-shell,.tail-search,.token-hero-actions,.token-closing,.token-footer,.token-art,.token-demo-stage,.token-faq-bird{display:none}.token-wrap{width:100%;max-width:none}.token-hero{display:block;min-height:0;padding:20px 0}.token-hero h1{font-size:55px}.token-hero-description{max-width:none}.token-feature,.token-faq{display:block;padding:25px 0}.token-feature h2,.token-faq h2{font-size:32px}.token-feature-description,.token-detail{max-width:none}.token-cashback-band{background:none}.token-feature-copy{break-inside:avoid}.token-faq-list details p{display:block}.token-benefit-nav{display:none}}
/* ── On the stage (brand/tail/stage-kit.css). David, 2026-09-22: "the token page needs the comic treatment as well
   … it weakens the brand and should build it the furthest." The page's tokens read white-on-blue under
   body.stage-page; the previews' frames and the Boost sticker are .st-card, so they keep the theme's own values.
   The art is the family's own (brand/tail/spots), nothing redrawn. */
.stage-page .token-hero h1 em.st-sticker::after, .stage-page .token-feature h2 em.st-sticker::after { content: none; }
.stage-page .token-hero h1 em.st-sticker { margin-top: .08em; margin-left: -.04em; }
.stage-page .token-feature h2 em.st-sticker, .stage-page .token-closing h2 em.st-sticker { margin-top: .12em; font-size: .9em; }
.stage-page .token-eyebrow, .stage-page .token-nav-label, .stage-page .token-feature-kicker { color: rgba(255, 255, 255, .92); }
.stage-page .token-soon { background: #fff; color: var(--st-navy); box-shadow: 0 3px 0 var(--st-ink); }
.stage-page .token-soon i { background: #1557ff; }
/* The previews sit in white frames, one object each, like the landing's workspace. */
.stage-page .token-demo-stage { border: 0; overflow: visible; }
.stage-page .cashback-stage { background: var(--st-card-card); }
.stage-page .boost-stage:before { opacity: .35; }
.token-section-bird { position: absolute; z-index: 3; width: 170px; right: -30px; top: -104px; rotate: 5deg; pointer-events: none; }
.token-section-bird.is-left { right: auto; left: -34px; rotate: -6deg; }
.token-section-bird img, .token-faq-bird img { width: 100%; height: auto; }
.stage-page .token-cashback-band { background: transparent; border-color: rgba(255,255,255,.16); overflow: visible; }
.stage-page .token-cashback-stat { color: #fff; }
.stage-page .token-benefit-nav, .stage-page .token-faq-list details, .stage-page .token-footer-bottom { border-color: rgba(255,255,255,.2); }
.stage-page .token-faq-list a { color: #fff; }
.stage-page .token-faq-bird { display: block; }
/* The closing was its own blue slab; on the stage it is the page, and its button is the stage's. */
.stage-page .token-closing { background: transparent; border-top: 1px solid rgba(255,255,255,.16); }
.stage-page .token-closing-art { box-shadow: 0 12px 0 var(--st-ink); }
.stage-page .token-closing-art span { box-shadow: 0 5px 0 var(--st-ink); }
.stage-page .token-footer .tail-logo { color: #fff; }
@media(max-width:1100px){.token-section-bird{width:140px;top:-86px;right:-12px}.token-section-bird.is-left{left:-12px}}
@media(max-width:620px){.token-section-bird{width:120px;top:-74px;right:-4px}.token-section-bird.is-left{left:-4px}}
/* The birds stay inside their own sections and clear of text (David, 2026-09-22: "this section line intersects the
   sprite"); measured against every section border and every text line at 9 widths. */
.stage-page .token-faq-bird { margin-top: 22px; }
@media(max-width:820px){.token-section-bird{width:110px;top:-58px;right:-6px}.token-section-bird.is-left{left:-6px}}
@media(max-width:620px){.token-section-bird,.token-section-bird.is-left{top:auto;bottom:-52px;width:96px}}
@media(max-width:370px){.stage-page .token-faq-bird{top:-12px;bottom:auto;width:72px;margin:0}}

@media(max-width:820px){.token-hero{grid-template-columns:1fr}}
/* ── The hero: $TAIL on its afterburner ──────────────────────────────────────
   David picked sample both-1 ("both 1 animated", 2026-09-23) after the sticker sheet blocked launch:
   the blue leader blasting up and to the right on Boost's afterburner, the family following on their
   own, and coins tumbling out of the exhaust -- both token benefits in one picture. The markup is
   stamped by brand/tail/token/hero_boost.py from mark.svg and brand/tail/boost; edit there, not here.
   Every part moves on its own beat: the plume cycles the brand's three flame frames and throbs, the
   characters bob out of phase, coins tumble down the exhaust line, speed lines streak past and the
   shock diamonds twinkle. Reduced motion gets the still frame. At night the family wears shades. */
.token-boost-art {
  position: relative; height: auto; margin: 0; min-width: 0;
  width: 100%; max-width: 640px; aspect-ratio: 572 / 346; align-self: center;
}
.token-boost-art svg { width: 100%; height: 100%; display: block; overflow: visible; }
.token-boost-art .hb-ink { fill: var(--st-ink); stroke: var(--st-ink); stroke-linejoin: round; }
.token-boost-art .hb-halo { fill: #fff; stroke: #fff; stroke-linejoin: round; }
.token-boost-art .hb-p1, .token-boost-art .hb-p2 { opacity: 0; }
.token-boost-art .hb-shades { display: none; }
:root[data-theme="dark"] .token-boost-art .hb-shades { display: inline; }
@media (prefers-color-scheme: dark) { :root[data-theme="auto"] .token-boost-art .hb-shades { display: inline; } }

@media (prefers-reduced-motion: no-preference) {
  .token-boost-art .hb-scene { animation: hb-in 1s cubic-bezier(.2, .9, .25, 1) both; }
  .token-boost-art .hb-lead { animation: hb-bob 2.2s ease-in-out infinite; }
  .token-boost-art .hb-f1 { animation: hb-bob 1.9s ease-in-out -.4s infinite; }
  .token-boost-art .hb-f2 { animation: hb-bob 2.3s ease-in-out -1.1s infinite; }
  .token-boost-art .hb-f3 { animation: hb-bob 2.05s ease-in-out -.7s infinite; }
  .token-boost-art .hb-p { animation: hb-flick .36s steps(1, end) infinite; }
  .token-boost-art .hb-p1 { animation-delay: -.12s; }
  .token-boost-art .hb-p2 { animation-delay: -.24s; }
  .token-boost-art .hb-plume { transform-box: fill-box; transform-origin: 100% 50%; animation: hb-throb .45s ease-in-out infinite alternate; }
  .token-boost-art .hb-coin { animation: hb-coin 2.1s linear infinite; animation-delay: calc(var(--d) * -1); }
  .token-boost-art .hb-flip { transform-box: fill-box; transform-origin: center; animation: hb-flip .9s ease-in-out infinite; animation-delay: calc(var(--d) * -1); }
  .token-boost-art .hb-line { animation: hb-streak 1.1s linear infinite; animation-delay: calc(var(--d) * -1); }
  .token-boost-art .hb-spark { transform-box: fill-box; transform-origin: center; animation: hb-twinkle 1.4s ease-in-out infinite; animation-delay: calc(var(--d) * -1); }
}
@keyframes hb-in { from { transform: translate(-70px, 26px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes hb-bob { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(3px, -7px); } }
@keyframes hb-flick { 0% { opacity: 1; } 33.33%, 100% { opacity: 0; } }
@keyframes hb-throb { from { transform: scaleX(.93); } to { transform: scaleX(1.05); } }
/* Along the exhaust line: 20 degrees below horizontal, pointing left. */
@keyframes hb-coin { 0% { transform: translate(26px, -9.5px); opacity: 0; } 12%, 80% { opacity: 1; } 100% { transform: translate(-39px, 14.2px); opacity: 0; } }
@keyframes hb-flip { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(.3); } }
@keyframes hb-streak { 0% { transform: translate(24px, -8.7px); opacity: 0; } 20%, 70% { opacity: .95; } 100% { transform: translate(-70px, 25.5px); opacity: 0; } }
@keyframes hb-twinkle { 0%, 100% { transform: scale(.4); opacity: .35; } 50% { transform: scale(1.15); opacity: 1; } }

/* Stacked by default -- headline, then the drawing, then the rest of the words. Mobile
   first on purpose: the desktop placement is the exception, so it cannot be left winning
   at a width it was not written for. */
.token-hero > .token-hero-copy { grid-column: 1; grid-row: 1; }
.token-hero > .token-boost-art { grid-column: 1; grid-row: 2; margin: 10px 0 4px; }
.token-hero > .token-hero-copy--lower { grid-column: 1; grid-row: 3; }
@media (min-width: 821px) {
  .token-hero > .token-hero-copy { grid-row: 1; align-self: end; }
  .token-hero > .token-hero-copy--lower { grid-row: 2; align-self: start; }
  .token-hero > .token-boost-art { grid-column: 2; grid-row: 1 / span 2; align-self: center; margin: 0; }
}

/* The closing CTA at 320, restored. "Follow @TailDotFamily ↗" is wider than its own button
   there, and the bird sat ON the button hiding the arrow behind its head -- 2.36:1, a
   link's affordance drawn where it cannot be read. In flow above the copy on phones.

   This was fixed once already and then deleted by my own edit: rewriting the hero block by
   truncating the file from a comment marker took every rule appended after it. Twice now.
   Appended fixes do not survive a "replace from here to the end". */
@media (max-width: 620px) {
  .token-closing-inner { display: flex; flex-direction: column; align-items: flex-start; }
  .token-closing-art { position: static; order: -1; align-self: flex-end; margin: 0 6px 18px 0; }
  .token-closing .token-button { width: 100%; box-sizing: border-box; gap: 12px; }
  .token-closing .token-button > span { flex: none; }
}
@media (max-width: 370px) {
  .token-closing .token-button { padding-inline: 15px; font-size: 10px; letter-spacing: -.1px; }
}

/* The TAIL contract, David 2026-09-23. The full address is shown at every width and never
   truncated: a shortened address is what an address-spoofing attack relies on, because a
   reader who checks only the ends cannot tell two addresses apart. It wraps instead. */
.token-contract{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}
.token-contract-label{font-size:10px;font-weight:600;letter-spacing:1.3px;opacity:.8}
.token-contract-address{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;letter-spacing:.2px;padding:8px 12px;border-radius:14px;background:var(--tail-blue-light);color:var(--tail-blue-text);word-break:break-all;max-width:100%}
.token-contract-copy{font:inherit;font-size:11px;font-weight:500;padding:8px 14px;border-radius:999px;border:1px solid currentColor;background:none;color:inherit;cursor:pointer;white-space:nowrap}
.token-contract-copy:hover{background:var(--tail-blue-light);color:var(--tail-blue-text);border-color:transparent}
.token-contract-note{margin-top:10px;color:var(--tail-muted);font-size:10px}
@media(max-width:560px){.token-contract{gap:10px}.token-contract-address{font-size:11px}}
.token-contract-chain{font-size:10px;font-weight:500;letter-spacing:.15px;padding:6px 10px;border-radius:999px;background:var(--tail-blue-light);color:var(--tail-blue-text);white-space:nowrap}
.token-contract-link{font-size:11px;font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.token-contract-link span{font-size:13px}
/* Live is sky, never green: in TAIL warm colours carry PnL meaning only. */
.token-soon.is-live{background:var(--tail-sky,#d6ecff);color:var(--tail-blue-text)}

/* The Live pill (the $TAIL launch, 2026-09-23). Sky, never green: warm colours carry PnL meaning
   only. Navy type on sky, because white on sky was unreadable (about 1.9:1). */
.stage-page .token-soon.is-live { background: #2fb4ff; color: var(--st-navy); }
.stage-page .token-soon.is-live i { background: #fff; }
/* "Follow @TailDotFamily" is longer than the "Follow the launch" it replaced, so at phone width the
   two actions no longer fit on one line. The link now drops below the button, and the button's own
   label never breaks. */
@media (max-width: 620px) {
  .token-hero-actions { flex-wrap: wrap; row-gap: 14px; }
  .token-button { white-space: nowrap; }
}