/* Wide homepage content framing. The header uses the shared site layout. */
.home-typing{position:relative}
.home-type-real{opacity:0}
.home-type-visual{position:absolute;inset:0;pointer-events:none}
.home-page .hero-copy h1>:is(.home-type-real,.home-type-visual){color:inherit}
.home-type-cursor{display:inline-block;width:0;height:.95em;border-left:2px solid currentColor;vertical-align:-.08em;animation:home-cursor-blink 1s steps(1,end) infinite}
@keyframes home-cursor-blink{0%,49%{opacity:.8}50%,100%{opacity:0}}
html[data-theme] body:has(main.home-page){--home-gutter:clamp(20px,3.125vw,60px);background:var(--bg)}
main.home-page{width:calc(100% - var(--home-gutter)*2);max-width:1520px;margin-inline:auto;padding:0 0 72px;box-sizing:border-box}
body:has(main.home-page) footer{width:calc(100% - var(--home-gutter)*2);max-width:1520px;margin-inline:auto;box-sizing:border-box}
.home-page .home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);align-items:center;gap:clamp(28px,3vw,56px);min-height:680px;padding:76px 0 64px;overflow:visible}
.home-page .home-hero::before{content:"";position:absolute;z-index:-1;inset:80px 6% 24px 22%;pointer-events:none;background:linear-gradient(color-mix(in srgb,var(--theme-primary) 12%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--theme-primary) 12%,transparent) 1px,transparent 1px);background-size:86px 86px;mask-image:radial-gradient(ellipse at 55% 60%,#0009,transparent 70%)}
.home-page .hero-copy{max-width:650px;position:relative;z-index:4;isolation:isolate}
.home-page .hero-copy::before{
 content:"";position:absolute;inset:-150px -70px -130px -180px;z-index:-1;pointer-events:none;
 background:var(--theme-accent);opacity:.09;
 mask-image:url('/assets/rider-logo.png');
 mask-mode:alpha;mask-size:contain;mask-position:center;mask-repeat:no-repeat;
}
.home-page .hero-copy h1{font-size:clamp(32px,2.5vw,46px);line-height:1.2;letter-spacing:-1.3px;max-width:650px;margin:0 0 24px;font-weight:650}
.home-page .hero-copy h1 span{color:var(--home-headline-accent,var(--theme-accent))}
:root[data-theme=noir] .home-page .hero-copy{--home-headline-accent:#a3a3a3}
.home-page .hero-copy>p{max-width:570px;font-size:16px;line-height:1.75;margin:0 0 30px;color:var(--muted)}
.home-page .hero-copy>p:not(:last-of-type){margin-bottom:18px}
.home-page .hero-copy>p strong{font-weight:600;color:var(--text)}
.home-page .hero-links{gap:14px;flex-wrap:wrap}
.home-page .hero-links .button{min-width:168px;min-height:46px}
/* Left: SKOTN. Center: SBSTF. Right: Frozen Horns. */
.home-page .hero-showcase{width:100%;max-width:780px;height:470px;justify-self:center;margin:0;align-self:center}
.home-page .hero-showcase::before{content:"";position:absolute;inset:30% 0 -8%;z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--theme-primary) 12%,transparent),transparent 65%)}
.home-page .hero-showcase-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;padding:12px 28px;gap:0}
.home-page .hero-demo-card{position:relative;left:auto;top:var(--card-top);width:auto;min-width:0;translate:var(--card-x) 0;transform:rotate(var(--card-angle));opacity:1;box-shadow:0 20px 40px #0004;animation:none}
.home-page .hero-demo-0{--card-x:12px;--card-top:40px;--card-angle:-10deg;z-index:1}
.home-page .hero-demo-1{--card-x:0px;--card-top:0px;--card-angle:0deg;z-index:3}
.home-page .hero-demo-2{--card-x:-12px;--card-top:40px;--card-angle:10deg;z-index:2}
.home-page .hero-demo-card .collectible-heading{padding:14px 12px 0}
.home-page .hero-demo-card .hero-demo-name{font-size:13px;line-height:1.45;min-height:57px;padding:0}
.home-page .hero-demo-image{height:170px;padding:8px 12px}
.home-page .hero-demo-image>img{width:145px;max-width:100%}
.home-page .hero-demo-content{padding:11px 12px 13px}
.home-page .hero-demo-content .catalog-card-stats>div{min-height:25px;gap:5px}
.home-page .hero-demo-content .catalog-card-stats dt{font-size:10px}
.home-page .hero-demo-content .catalog-card-stats dd{font-size:12px}
.home-page .hero-demo-content .card-sale-price dd{font-size:19px}
.home-page .hero-demo-actions button:disabled{min-height:31px;font-size:10px}
.home-page .home-market{margin-top:12px}
.home-page .home-market-toolbar{margin-bottom:32px;gap:20px}
.home-page .home-item-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
@media(min-width:1600px){.home-page .home-hero{min-height:690px}}
@media(min-width:901px) and (max-width:1200px){.home-page .home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;min-height:610px;padding-block:50px}.home-page .hero-copy h1{font-size:clamp(26px,2.7vw,32px);letter-spacing:-1px}.home-page .hero-copy>p{font-size:14px}.home-page .hero-showcase{height:430px}.home-page .hero-showcase-art{padding-inline:18px}.home-page .hero-demo-image{height:145px}.home-page .hero-demo-card .hero-demo-name{font-size:11px;min-height:56px}.home-page .hero-demo-content{padding-inline:9px}.home-page .hero-demo-content .catalog-card-stats dd{font-size:10px}.home-page .hero-demo-content .card-sale-price dd{font-size:16px}.home-page .hero-demo-actions button:disabled{font-size:9px}.home-page .home-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.home-page .home-hero{grid-template-columns:1fr;gap:40px;min-height:0;padding:60px 0 40px}.home-page .hero-copy{max-width:650px}.home-page .hero-showcase{justify-self:center;max-width:700px}.home-page .home-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .home-market-toolbar{flex-wrap:wrap;gap:16px}}
@media(min-width:601px) and (max-width:900px){.home-page .hero-copy::before{inset:-100px 0;mask-size:125% auto}}
@media(max-width:600px){
 .home-page .hero-copy::before{inset:-65px -12px -65px;opacity:.08;mask-size:145% auto}
 html[data-theme] body:has(main.home-page){--home-gutter:16px}
 .home-page .home-hero{padding:42px 0 28px;gap:32px}
 .home-page .hero-copy h1{font-size:clamp(24px,6.5vw,36px);line-height:1.25;letter-spacing:-.8px;margin-bottom:22px}
 .home-page .hero-copy>p{font-size:14px;margin-bottom:26px}
 .home-page .hero-links{gap:10px}.home-page .hero-links .button{min-width:0;flex:1;padding:12px 10px;font-size:12px}
 .home-page .hero-showcase{height:300px;max-width:470px}
 .home-page .hero-showcase-art{padding:8px 6px}
 .home-page .hero-demo-0{--card-x:6px;--card-top:24px;--card-angle:-9deg}
 .home-page .hero-demo-2{--card-x:-6px;--card-top:24px;--card-angle:9deg}
 .home-page .hero-demo-card .collectible-heading{padding:9px 8px 0}
 .home-page .hero-demo-card .hero-demo-name{font-size:10px;min-height:58px}
 .home-page .hero-demo-image{height:102px;padding:6px 4px}.home-page .hero-demo-image>img{width:80px}
 .home-page .hero-demo-content{padding:8px}
 .home-page .hero-demo-content .catalog-card-stats>div:not(.card-sale-price){display:none}
 .home-page .hero-demo-content .card-sale-price{justify-content:center;min-height:24px;margin-bottom:4px}
 .home-page .hero-demo-content .card-sale-price dt{display:none}.home-page .hero-demo-content .card-sale-price dd{font-size:15px}
 .home-page .hero-demo-actions{margin-top:8px;padding-top:8px}.home-page .hero-demo-actions button:disabled{min-height:27px;font-size:10px}
 .home-page .home-market-toolbar{margin-bottom:22px}.home-page .home-market-toolbar .segmented{width:100%}
 .home-page .home-item-grid{gap:14px 10px}.home-page .presence-tooltip{max-width:min(210px,calc((100vw - 72px)/2))}
}
@media(prefers-reduced-motion:no-preference){.home-page .hero-demo-card{animation:home-fan-float 7s ease-in-out infinite}.home-page .hero-demo-1{animation-delay:-1.5s}.home-page .hero-demo-2{animation-delay:-3s}@keyframes home-fan-float{0%,100%{transform:translateY(0) rotate(var(--card-angle))}50%{transform:translateY(-10px) rotate(var(--card-angle))}}}
.faq-questions details summary::after,.faq-questions details[open] summary::after{content:'';width:7px;height:7px;top:50%;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);transition:transform .24s cubic-bezier(.22,1,.36,1)}
.faq-questions details[data-expanded=true] summary::after{transform:translateY(-30%) rotate(225deg)}
@media(prefers-reduced-motion:reduce){.faq-questions details summary::after{transition:none}}
.home-faq .faq-intro>p{max-width:360px;font-size:14px;line-height:1.85;margin:18px 0 0}
.home-faq .faq-intro>.faq-support-note{margin-top:24px;padding-top:20px;border-top:1px solid var(--theme-border)}
.home-benefits .trade-person>.trade-avatar{width:44px;height:44px;border:0;border-radius:50%;overflow:hidden;background:none;box-shadow:0 5px 16px #0002}
.trade-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.home-benefits .trade-diagram{padding:28px 18px 18px;background:color-mix(in srgb,var(--theme-raised) 40%,transparent);border:1px solid var(--theme-border);box-shadow:none;margin-bottom:0}
.home-benefits .trade-panel{justify-content:flex-start;gap:24px}
.home-benefits .fee-explainer{justify-content:flex-start;gap:24px}
.home-benefits .trade-item>span{width:86px;height:82px;background:transparent;border:0;margin-top:-12px}
.home-benefits .trade-item img{width:82px;height:82px}
.home-benefits .trade-verification{border-color:var(--theme-border);color:var(--muted)}
.home-benefits .fee-comparison{padding:18px;border:1px solid var(--theme-border);border-radius:12px;background:color-mix(in srgb,var(--theme-raised) 45%,transparent)}
.fee-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:600;margin-bottom:24px}
.fee-saving-badge{font-size:10px;font-weight:600;color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 12%,transparent);padding:5px 8px;border-radius:6px;white-space:nowrap}
.fee-chart-row+.fee-chart-row{margin-top:22px}
.fee-chart-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.fee-chart-row>div>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}
.fee-chart-row strong{font-size:25px;font-weight:650;letter-spacing:-.7px;line-height:1}
.fee-chart-row strong>span{font-size:15px;margin-left:2px}
.fee-chart-row.benchmark strong,.fee-chart-row.benchmark>div>span{color:#f07982}
.fee-chart-row.marketplace strong,.fee-chart-row.marketplace>div>span{color:var(--theme-accent)}
.fee-chart-track{height:7px;border-radius:8px;background:color-mix(in srgb,var(--muted) 10%,transparent);overflow:hidden}
.fee-chart-track>span{display:block;height:100%;border-radius:inherit;background:color-mix(in srgb,var(--muted) 65%,transparent);width:100%}
.benchmark .fee-chart-track>span{background:#f07982}
.marketplace .fee-chart-track>span{width:20%;background:var(--theme-primary)}
.fee-chart-note{color:var(--muted);font-size:10px;line-height:1.6;margin:19px 0 0;padding-top:14px;border-top:1px solid var(--theme-border)}
.home-benefits .fee-calculator{border-radius:14px;background:color-mix(in srgb,var(--theme-raised) 65%,var(--theme-surface))}
.home-benefits .fee-amount-field:focus-within{border-color:var(--theme-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--theme-accent) 20%,transparent)}
.home-benefits .fee-amount-field input:focus-visible{outline:none}
@media(max-width:1100px){.home-benefits .trade-diagram{margin-bottom:0}}
.home-benefits .fee-calculator{display:flex;flex-direction:column;gap:14px;padding:18px 16px;background:var(--theme-surface);border:1px solid var(--theme-border);align-self:start}
.fee-calculator-heading{display:flex;align-items:center;gap:10px}
.fee-calculator-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--theme-accent) 10%,transparent);color:var(--theme-accent)}
.fee-calculator-icon .icon{width:17px;height:17px}
.home-benefits .fee-calculator h3{font-size:15px;line-height:1.4;letter-spacing:-.2px;margin:0}
.fee-calculator-heading p{font-size:10px;line-height:1.6;color:var(--muted);margin:3px 0 0}
.fee-calculator-inputs>label:not(.screen-reader-only){display:block;font-size:11px;font-weight:500;color:var(--muted);margin-bottom:9px}
.home-benefits .fee-amount-field{padding:10px 11px;gap:8px;border-radius:10px;background:var(--theme-raised);border:1px solid var(--theme-border);transition:border-color .16s,box-shadow .16s}
.home-benefits .fee-amount-field>span{font-size:18px;color:var(--muted)}
.home-benefits .fee-amount-field input{font-size:22px;font-weight:600;letter-spacing:-.6px;color:var(--text);font-variant-numeric:tabular-nums}
.home-benefits .fee-amount-field>.fee-currency{font-size:9px;letter-spacing:.6px;font-weight:600;margin-left:auto}
.fee-presets{display:flex;gap:6px;margin:8px 0 12px}
.fee-presets button{flex:1;min-width:0;padding:7px 2px;border-radius:6px;border:1px solid var(--theme-border);background:transparent;color:var(--muted);font-size:10px;transition:background .16s,color .16s,border-color .16s}
.fee-presets button:hover,.fee-presets button[aria-pressed=true]{background:color-mix(in srgb,var(--theme-accent) 10%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 40%,var(--theme-border));color:var(--theme-accent)}
.home-benefits #fee-slider{display:block;width:100%;height:4px;margin:0;accent-color:var(--theme-accent);cursor:pointer}
.fee-range-labels{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:10px}
.home-benefits .fee-breakdown{padding:8px 0 0;border-top:1px solid var(--theme-border);margin:0}
.home-benefits .fee-breakdown>div{padding:8px 0;font-size:11px}
.home-benefits .fee-breakdown dt{color:var(--muted)}
.home-benefits .fee-breakdown dd{color:var(--text);font-weight:500}
.home-benefits .fee-breakdown dt small{display:inline-block;margin-left:4px;padding:2px 4px;border-radius:4px;font-size:9px;color:var(--theme-accent);background:color-mix(in srgb,var(--theme-accent) 10%,transparent)}
.home-benefits .fee-breakdown .fee-net{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:1px solid color-mix(in srgb,var(--theme-accent) 20%,var(--theme-border));border-radius:10px;background:color-mix(in srgb,var(--theme-accent) 6%,transparent);margin-top:8px;padding:11px 12px}
.home-benefits .fee-net dt{color:var(--muted);font-size:11px}
.home-benefits .fee-net dd{font-size:clamp(21px,2vw,28px);font-weight:650;letter-spacing:-.8px;color:var(--text);margin:0;max-width:100%}
.home-benefits .fee-savings{padding:0;border:0;margin:0;margin-top:auto}
.home-benefits .fee-savings>span{max-width:none;color:var(--theme-accent);font-size:11px;align-items:center}
.home-benefits .fee-savings strong{font-size:13px;font-weight:600}
.home-benefits .fee-savings>small{color:var(--muted);font-size:9px;margin-top:6px}
@media(prefers-reduced-motion:reduce){.fee-presets button,.home-benefits .fee-amount-field{transition:none}}

/* Use the marketplace's card scale for homepage listings and hero artwork. */
.home-page .home-item-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
@media(min-width:601px){
 .home-page .hero-demo-card{width:clamp(210px,17.5vw,240px);height:440px;box-sizing:border-box;justify-self:center;display:flex;flex-direction:column}
 .home-page .hero-demo-card .collectible-heading{padding:11px 11px 0}
 .home-page .hero-demo-card .hero-demo-name{font-size:13px;line-height:1.35;min-height:54px}
 .home-page .hero-demo-image{height:155px;flex-shrink:0}
 .home-page .hero-demo-image>img{width:145px}
 .home-page .hero-demo-content{padding:10px 11px;display:flex;flex-direction:column;flex:1}
 .home-page .hero-demo-content .catalog-card-stats dt{font-size:11px}
 .home-page .hero-demo-content .catalog-card-stats dd{font-size:12px}
 .home-page .hero-demo-content .card-sale-price dd{font-size:18px}
 .home-page .hero-demo-actions{margin-top:auto}
 .home-page .hero-demo-actions button:disabled{font-size:10px}
}
@media(max-width:1100px){.home-page .home-item-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}
@media(max-width:760px){.home-page .home-item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:360px){.home-page .home-item-grid{grid-template-columns:minmax(0,1fr)}}
/* Fill the available homepage row, including the sixth slot on wide screens. */
.home-page .home-market{container-type:inline-size}
@container (min-width:882px) and (max-width:1105.98px){.home-page .home-item-grid>.catalog-card:nth-child(n+5){display:none}}
@container (min-width:1106px) and (max-width:1329.98px){.home-page .home-item-grid>.catalog-card:nth-child(n+6){display:none}}
@media(max-width:1100px) and (min-width:761px){
 .home-page .home-item-grid>.catalog-card:nth-child(n){display:flex}
 @container (min-width:802px) and (max-width:1005.98px){.home-page .home-item-grid>.catalog-card:nth-child(n+5){display:none}}
 @container (min-width:1006px){.home-page .home-item-grid>.catalog-card:nth-child(n+6){display:none}}
}