:root{--surface:#fff;--soft:#eeeeF2;--secondary:#686873}
:root[data-theme=dark]{--surface:#141922;--soft:#1b222d;--secondary:#a7b1c1}
.site-header{height:auto;min-height:80px}.nav-wrap{min-height:80px;gap:24px}.nav-wrap nav{gap:24px;margin-left:20px;white-space:nowrap}.nav-wrap nav a{padding:12px 0}.nav-actions{gap:12px}.nav-wrap .wordmark{flex-shrink:0}
.home-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:34px;align-items:center;min-height:650px;padding:72px 0 64px}.hero-copy h1{font-size:clamp(64px,6.4vw,92px);letter-spacing:-5px;line-height:1.02;margin:23px 0}.hero-copy h1 span,.route-intro h1 span{color:var(--muted)}.hero-copy>p{max-width:370px;font-size:17px;color:var(--secondary)}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:19px;margin:28px 0 20px}.text-link{font-size:13px;font-weight:500;color:var(--ink)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-copy>small{font-size:11px;color:var(--muted)}
.hero-showcase{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;padding:35px 0}.hero-showcase .card-entry{width:46%;flex-shrink:0;position:relative}.hero-showcase .card-entry:nth-child(1){margin-right:-17%;transform:translateY(25px) rotate(-12deg);z-index:1}.hero-showcase .card-entry:nth-child(2){z-index:3}.hero-showcase .card-entry:nth-child(3){margin-left:-17%;transform:translateY(25px) rotate(12deg);z-index:2}.hero-showcase .card-caption{display:none}.hero-showcase .collectible{--rotation:0deg;max-width:none}
.site-section{padding:62px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}.section-heading h2,.collection-feature h2,.home-plan h2,.closing-cta h2,.faq h2{font-size:36px;letter-spacing:-1.3px;line-height:1.15;font-weight:550;margin:14px 0}.section-heading p{font-size:14px;color:var(--secondary)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps-grid article{border-top:1px solid var(--line);padding-top:23px}.step-index{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.steps-grid h3{font-size:18px;letter-spacing:-.4px;font-weight:550;margin:24px 0 12px}.steps-grid p{font-size:14px;color:var(--secondary)}.steps-grid small{display:block;font-size:11px;color:var(--muted);margin-top:15px}.asset-types{display:flex;flex-wrap:wrap;gap:12px}.asset-types span{padding:15px 22px;border:1px solid var(--line);border-radius:100px;font-size:14px}
.collection-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:58px 0 70px}.collection-feature>div>p{font-size:15px;color:var(--secondary);max-width:410px;margin:20px 0 23px}.story-preview{background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:40px}.story-preview blockquote{font-size:27px;line-height:1.4;color:var(--ink);margin:33px 0}.story-preview>span:last-child{font-size:11px;color:var(--muted)}.home-plan{border-block:1px solid var(--line);padding:40px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.home-plan p{font-size:14px;color:var(--secondary)}.closing-cta{text-align:center;padding:72px 0}.closing-cta .button{margin-top:15px}
.route-intro{padding:65px 0 42px}.route-intro h1{font-size:clamp(40px,5vw,64px);font-weight:550;line-height:1.08;letter-spacing:-2.8px;margin:20px 0}.route-intro p{font-size:16px;color:var(--secondary)}.centered{text-align:center}.centered .eyebrow{justify-content:center}.notice-line{display:flex;gap:26px;align-items:center;border-block:1px solid var(--line);padding:19px 0}.notice-line>span{font-size:10px;letter-spacing:1.4px;white-space:nowrap;color:var(--muted)}.notice-line p{font-size:12px;color:var(--secondary)}.explore-filters{display:flex;gap:6px;overflow:auto;padding:24px 0 27px}.explore-gallery{min-height:370px}
.pricing-notice{max-width:720px;margin:0 auto 32px;text-align:center;font-size:12px;line-height:1.7;color:var(--secondary)}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:auto}.plan{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:36px}.plan h2{font-size:30px;font-weight:550;margin:20px 0 10px;letter-spacing:-1px}.plan>p{color:var(--secondary);font-size:14px}.plan-price{font-size:30px;letter-spacing:-1px;margin:30px 0;min-height:60px}.plan-price small{display:block;font-size:12px;color:var(--muted);letter-spacing:0;margin-top:8px}.plan .button{width:100%}.plan-disabled{border:1px solid var(--line);opacity:1;background:var(--soft);color:var(--muted);cursor:default}.plan ul{list-style:none;margin:27px 0;padding:0;border-top:1px solid var(--line)}.plan li{font-size:14px;padding-top:16px;color:var(--secondary)}.plan li:before{content:'✓';margin-right:12px}.plan>small{font-size:11px;color:var(--muted);line-height:1.6;display:block}.coming-tag{display:inline-block;font-size:10px;letter-spacing:0;vertical-align:middle;padding:6px 10px;border-radius:50px;background:var(--soft);color:var(--secondary);margin-left:8px}.credit-note{max-width:900px;margin:24px auto 54px;padding:24px 30px;border:1px solid var(--line);border-radius:16px}.credit-note h3{font-size:17px;font-weight:500;margin-bottom:10px}.credit-note p{font-size:13px;color:var(--secondary)}.faq{max-width:900px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;font-size:15px}.faq details p{font-size:14px;color:var(--secondary);max-width:700px;margin-top:15px}
.site-footer-wrap{max-width:1440px;padding:0 64px;margin:auto}.global-footer{display:flex;flex-wrap:wrap;align-items:start;padding:30px 0}.global-footer p{font-size:12px;color:var(--muted);margin-top:10px}.global-footer nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto;font-size:12px;color:var(--secondary)}.global-footer nav button{padding:0}.global-footer small{flex-basis:100%;font-size:10px;color:var(--muted)}
@media(max-width:1150px){.nav-wrap{gap:16px}.nav-wrap nav{margin-left:0;gap:18px;font-size:12px}.site-footer-wrap{padding:0 40px}.home-hero{min-height:570px}.hero-showcase{min-height:360px}.hero-copy h1{font-size:70px}.nav-actions{gap:8px}.button-small{font-size:12px}}
@media(max-width:900px){.nav-wrap{flex-wrap:wrap;justify-content:space-between;padding-top:17px;padding-bottom:12px;row-gap:10px}.nav-wrap nav{display:flex;order:3;flex-basis:100%;justify-content:center;gap:30px}.nav-actions{margin-left:auto}.home-hero{gap:20px;min-height:500px;padding:45px 0}.hero-copy h1{font-size:60px;letter-spacing:-3px}.hero-copy>p{font-size:15px}.hero-showcase{min-height:300px}.steps-grid{gap:22px}.collection-feature{gap:28px}.story-preview{padding:25px}.story-preview blockquote{font-size:23px}.section-heading h2,.collection-feature h2,.home-plan h2,.closing-cta h2{font-size:30px}}
@media(max-width:620px){.nav-wrap nav{display:flex;justify-content:flex-start;gap:25px;overflow:auto;font-size:12px}.nav-wrap nav a{padding:7px 0}.site-footer-wrap{padding:0 23px}.home-hero{grid-template-columns:1fr;padding:38px 0 30px;gap:12px}.hero-copy h1{font-size:64px;letter-spacing:-3px;margin:20px 0}.hero-copy>p{max-width:330px}.hero-actions{margin:24px 0 16px;gap:16px}.hero-showcase{min-height:350px;padding:30px 16px 40px}.hero-showcase .card-entry{width:48%}.hero-showcase .card-entry:nth-child(1){margin-right:-18%}.hero-showcase .card-entry:nth-child(3){margin-left:-18%}.site-section{padding:36px 0}.section-heading{display:block;margin-bottom:25px}.section-heading>p,.section-heading>a{display:block;margin-top:16px}.steps-grid{grid-template-columns:1fr;gap:28px}.steps-grid h3{margin-top:15px}.asset-types{gap:8px}.asset-types span{padding:12px 15px;font-size:12px}.collection-feature{grid-template-columns:1fr;padding:32px 0;gap:20px}.story-preview{padding:27px}.home-plan{display:block;padding:30px 0}.home-plan>a{margin-top:24px}.closing-cta{padding:45px 0}.route-intro{padding:37px 0 28px}.route-intro h1{font-size:42px;letter-spacing:-2px}.route-intro p{font-size:14px}.notice-line{display:block}.notice-line p{margin-top:10px}.plans-grid{grid-template-columns:1fr;gap:18px}.plan{padding:27px}.credit-note{padding:23px;margin-bottom:32px}.global-footer nav{margin:12px 0;gap:18px}.global-footer{gap:18px}.global-footer small{line-height:1.5}.explore-gallery{min-height:0}.pricing-notice{text-align:left}.hero-showcase .collectible{min-width:0}.global-footer>div{flex-basis:100%}}
.home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.hero-showcase{min-width:0;overflow:clip;overflow-clip-margin:6px}.hero-showcase .card-entry{width:41%}.hero-showcase .card-entry:nth-child(1){margin-right:-16%}.hero-showcase .card-entry:nth-child(3){margin-left:-16%}
@media(max-width:620px){.home-hero{grid-template-columns:minmax(0,1fr)}.hero-showcase .card-entry{width:43%}}
.hero-art{min-width:0}.example-label{text-align:center;font-size:10px;letter-spacing:.4px;color:var(--muted);margin-top:8px}

/* One clear starting point; navigation shared across appearances. */
.nav-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px}
.nav-wrap .wordmark{justify-self:start}
.nav-wrap nav{margin:0;gap:30px;font-size:16px;font-weight:500}
.nav-actions{justify-self:end;margin:0}
.nav-wrap nav a{color:var(--secondary)}
.nav-wrap nav a.nav-active,.nav-wrap nav a:hover{color:var(--ink)}
.home-hero{min-height:calc(100svh - 205px);padding:65px 0;gap:35px}
.hero-copy>p{font-size:19px;line-height:1.6;max-width:340px}
.hero-actions .text-link{font-size:15px}
.menu-toggle{display:none}
.global-footer{align-items:center}.global-footer p{display:none}.global-footer small{flex-basis:auto;margin-left:auto}
@media(max-width:1150px){.nav-wrap{gap:18px}.nav-wrap nav{font-size:15px;gap:24px}.nav-actions .button-small{font-size:13px}}
@media(max-width:1000px){
 .nav-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:14px;padding-bottom:14px;gap:14px;min-height:74px}
 .nav-actions{margin-left:auto}.menu-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:19px}
 .nav-wrap nav{display:none;order:4;flex-basis:100%;margin:0;padding:12px 0 0;border-top:1px solid var(--line);font-size:16px;gap:24px;justify-content:center}
 .nav-wrap nav.menu-open{display:flex}.nav-wrap nav a{padding:10px 0}
}
@media(max-width:620px){
 .nav-wrap{gap:8px;padding-top:12px;padding-bottom:12px;min-height:68px}.nav-actions{gap:7px}
 .nav-wrap .wordmark{font-size:21px;gap:5px}.nav-wrap .wordmark svg{width:24px;height:24px}
 .nav-actions .button-small{font-size:0}.nav-wrap nav{font-size:15px;gap:22px;overflow:visible}
 .home-hero{padding:30px 0 24px;min-height:0;gap:0}.hero-copy h1{font-size:60px;margin:10px 0 22px}.hero-copy>p{font-size:17px;max-width:290px}
 .hero-actions{margin:24px 0 0;gap:18px}.hero-showcase{min-height:320px;padding:25px 16px 18px}.example-label{margin:0 0 10px}
 .global-footer{padding:23px 0;gap:16px}.global-footer nav{margin:0;gap:16px}.global-footer small{margin:0}.global-footer>div{flex-basis:auto}
}
.hero-copy h1{font-size:clamp(36px,4vw,54px);letter-spacing:-2px;margin:0 0 28px;font-weight:550}
.quick-create{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:440px}
.quick-create button{display:flex;align-items:center;gap:13px;padding:21px 17px;min-height:78px;background:var(--surface);border:1px solid var(--line);border-radius:13px;text-align:left;font-size:15px;font-weight:500;transition:background .15s,border-color .15s}
.quick-create button:last-child{grid-column:1/-1;min-height:62px}
.quick-create .asset-glyph{width:23px;height:23px;color:var(--secondary)}.quick-arrow{margin-left:auto;color:var(--muted);font-size:15px}
.quick-create button:hover{border-color:var(--muted);background:var(--soft)}
[data-page=explore] .route-intro{padding-bottom:10px}[data-page=explore] .route-intro h1{font-size:42px;letter-spacing:-1.5px;margin:0}
.explore-gallery{padding-bottom:55px}
@media(max-width:620px){.hero-copy h1{font-size:36px;letter-spacing:-1.4px;margin:0 0 23px}.quick-create{gap:10px}.quick-create button{padding:17px 13px;font-size:14px;min-height:68px;gap:10px}.quick-create button:last-child{min-height:55px}.hero-showcase{min-height:300px}.home-hero{padding-top:28px}[data-page=explore] .route-intro h1{font-size:34px}}
/* Browse controls: readable text and an unmistakable selected state. */
.explore-filters{gap:10px;padding:22px 0 30px;align-items:center}
.explore-filters .filter{font-size:16px;font-weight:500;line-height:1.4;min-height:44px;padding:11px 20px;color:#555560;border:1px solid transparent}
.explore-filters .filter.active{background:#242426;color:#fff;border-color:#242426;box-shadow:none}
.explore-filters .filter:hover:not(.active){background:#e6e6eb;color:#202027;border-color:#d3d3db}
[data-theme=dark] .explore-filters .filter{color:#c1c9d6}
[data-theme=dark] .explore-filters .filter.active{background:#edf0f5;color:#171b23;border-color:#edf0f5;box-shadow:none}
[data-theme=dark] .explore-filters .filter:hover:not(.active){background:#252d39;color:#fff;border-color:#465164}
.explore-gallery .card-caption>span:first-child{font-size:15px;font-weight:500;color:var(--ink)}
@media(max-width:620px){.explore-filters{gap:6px;padding:18px 0 24px}.explore-filters .filter{font-size:15px;padding:10px 16px;min-height:44px}.explore-gallery .card-caption>span:first-child{font-size:14px}}
/* Home: a direct asset picker and a focused, browsable card stage. */
[data-page=home] .home-hero{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:clamp(40px,7vw,110px);padding:48px 0 56px;min-height:calc(100svh - 180px)}
[data-page=home] .hero-copy{max-width:420px;width:100%}
[data-page=home] .hero-copy h1{font-size:clamp(38px,4.3vw,60px);line-height:1.08;letter-spacing:-2.7px;font-weight:600;margin:0 0 36px;white-space:nowrap}
.heading-period{color:#858590}
[data-page=home] .quick-create{display:flex;flex-direction:column;gap:0;max-width:none}
[data-page=home] .quick-create button{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;min-height:78px;padding:14px 4px;gap:18px;font-size:18px;font-weight:500;transition:padding .2s,background .2s}
[data-page=home] .quick-create button:last-child{min-height:78px;border-bottom:0}
.quick-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e8e8ed;flex-shrink:0}
[data-page=home] .quick-create .asset-glyph{width:23px;height:23px;color:#53535d}
[data-page=home] .quick-arrow{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:20px;font-weight:400;color:var(--secondary)}
[data-page=home] .quick-create button:hover{padding-left:12px;padding-right:12px;background:var(--soft);border-radius:12px}
[data-page=home] .quick-create button:hover .quick-arrow{background:var(--ink);color:var(--page)}
[data-page=home] .hero-art{position:relative;background:radial-gradient(ellipse at 50% 35%,#fff 0%,#eeeeF3 65%,#e7e7ed 100%);border:1px solid rgba(20,20,40,.035);border-radius:30px;padding:36px 32px 24px;overflow:hidden}
[data-page=home] .hero-showcase{min-height:0;padding:8px 0 30px;overflow:visible}
[data-page=home] .hero-showcase .card-entry{width:min(100%,300px);margin:0;transform:none;z-index:1;flex-basis:auto}
[data-page=home] .hero-showcase .collectible{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 25px 40px -18px #10102270;animation:card-arrive .3s ease-out}
.showcase-controls{display:flex;gap:20px;align-items:center;justify-content:center;max-width:330px;margin:0 auto}
.showcase-controls>button{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #d2d2db;border-radius:50%;background:transparent;color:var(--ink);font-size:20px;transition:background .2s}
.showcase-controls>button:hover{background:var(--surface)}
.showcase-caption{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;flex:1;min-width:0}
.showcase-caption strong{font-size:13px;font-weight:550;letter-spacing:.1px}.showcase-caption>span{font-size:11px;letter-spacing:2px;color:var(--secondary);font-variant-numeric:tabular-nums}
[data-theme=dark] .quick-icon{background:#20242c}
[data-theme=dark] [data-page=home] .quick-create .asset-glyph{color:#c4cbd6}
[data-theme=dark] [data-page=home] .hero-art{background:radial-gradient(ellipse at 50% 35%,#282d38 0%,#181c24 65%,#14171e 100%);border-color:#ffffff0a}
[data-theme=dark] .showcase-controls>button{border-color:#3d434f}
.quick-create button:focus-visible,.showcase-controls>button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@keyframes card-arrive{from{opacity:.35;translate:0 8px}to{opacity:1;translate:0 0}}
@media(min-width:1500px){[data-page=home] .hero-showcase .card-entry{width:330px}}
@media(max-width:900px){[data-page=home] .home-hero{gap:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}[data-page=home] .hero-copy h1{font-size:36px;letter-spacing:-1.5px}[data-page=home] .hero-art{padding:26px 22px 22px}[data-page=home] .quick-create button{font-size:16px;gap:13px}}
@media(max-width:620px){[data-page=home] .home-hero{grid-template-columns:minmax(0,1fr);padding:28px 0 32px;gap:28px}[data-page=home] .hero-copy{max-width:none}[data-page=home] .hero-copy h1{font-size:36px;margin-bottom:20px}[data-page=home] .quick-create button,[data-page=home] .quick-create button:last-child{min-height:64px;padding-block:10px}.quick-icon{width:38px;height:38px;border-radius:11px}[data-page=home] .hero-art{padding:25px 25px 22px;border-radius:24px}[data-page=home] .hero-showcase .card-entry{width:240px}[data-page=home] .hero-showcase{padding-bottom:23px}}
@media(prefers-reduced-motion:reduce){[data-page=home] .hero-showcase .collectible{animation:none}}