@font-face{font-family:Outfit;src:url(assets/regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url(assets/medium.ttf) format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Outfit;src:url(assets/semibold.ttf) format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Outfit;src:url(assets/bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{--bg:#1f1e1c;--panel:#292825;--ink:#f5f4f0;--muted:#aaa8a2;--gold:#f4b81a;--line:#ffffff18;color-scheme:dark;font-family:Outfit,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 100px));margin-inline:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-size:36px;font-weight:600;letter-spacing:-1.8px;gap:9px}.brand-dot{color:var(--gold);margin-left:-8px}.header nav{display:flex;gap:36px;color:#c5c3bd;font-size:14px}.header nav a:hover,.text-link:hover{color:var(--gold)}.button{display:inline-flex;gap:26px;align-items:center;justify-content:center;background:var(--gold);color:#211f19;border:1px solid var(--gold);padding:17px 23px;border-radius:7px;font-weight:500;font-size:15px;transition:background .2s,transform .2s}.button:hover{background:#ffcd4c;transform:translateY(-2px)}.button.small{padding:11px 17px;font-size:13px;gap:19px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:735px;align-items:center;gap:15px;padding-block:54px 76px}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:500;display:flex;align-items:center;gap:10px;margin:0 0 25px}.status-dot{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 5px #f4b81a12}.gold{color:var(--gold)}h1{font-size:clamp(68px,7.6vw,106px);font-weight:500;letter-spacing:-5.5px;line-height:1.01;margin:0 0 28px}h1 span,h2 span{color:var(--gold)}.lead{font-size:20px;color:#bdbab3;line-height:1.6;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.text-link{font-size:14px;display:flex;gap:10px;align-items:center}.platform-note{display:flex;align-items:center;gap:7px;font-size:11px;color:#afaca6;margin-top:25px}.platform-note>span{margin-inline:6px}.platform-note svg{width:15px;height:15px;fill:currentColor}.platform-note svg:nth-of-type(2){fill:none;stroke:currentColor;stroke-width:1.5}.platform-coming{padding-left:8px;border-left:1px solid #ffffff29}.hero-art{position:relative;height:605px;isolation:isolate}.hero-art:before{content:'';position:absolute;inset:40px -30px;background:radial-gradient(ellipse,#8b849e20,transparent 65%);z-index:-2}.phone{position:absolute;width:235px;border-radius:34px;border:6px solid #090909;box-shadow:0 28px 55px #0007,0 0 0 1px #ffffff22;overflow:hidden;background:#151515}.phone img{width:100%;height:auto}.phone-front{top:40px;left:44px;transform:rotate(-10deg);z-index:2}.phone-back{top:85px;right:8px;transform:rotate(10deg);width:224px}.orbit{position:absolute;width:490px;height:490px;top:60px;left:5px;border:1px solid #f4b81a15;border-radius:50%;z-index:-1}.orbit-two{width:610px;height:610px;top:0;left:-55px;border-color:#ffffff08}.floating-label{position:absolute;right:1px;top:28px;transform:rotate(7deg);background:#39352a;border:1px solid #625333;border-radius:9px;padding:13px 17px;font-size:13px;z-index:3;display:flex;align-items:center;gap:9px;box-shadow:0 8px 20px #0003}.mini-grid{color:var(--gold);font-size:24px}.floating-note{position:absolute;bottom:44px;left:5px;z-index:3;display:flex;align-items:center;gap:12px;background:#f2eee4;color:#323027;padding:13px 21px;border-radius:7px;transform:rotate(-7deg);box-shadow:0 12px 25px #0004;font-size:13px;line-height:1.4}.floating-note>span{color:#a16c08;font-size:30px}.floating-note strong{font-weight:500}.spark{position:absolute;color:var(--gold);font-size:37px}.spark-one{left:7px;top:8px}.spark-two{right:-15px;bottom:90px}.art-caption{position:absolute;bottom:-19px;right:73px;color:#827e74;font-size:10px}.games{padding-block:30px 45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.games>p{text-align:center;font-size:13px;color:#b6b2a9;margin:0 0 26px}.games>p span{color:#f5f4f0}.game-logos{display:flex;align-items:center;justify-content:space-around;gap:35px}.game-logos img{width:112px;height:50px;object-fit:contain;filter:none;opacity:1}.game-logos img:nth-child(2){width:130px}.section{padding-block:115px}.section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-bottom:42px}h2{font-size:clamp(38px,4vw,54px);font-weight:500;line-height:1.1;letter-spacing:-2px;margin:0}.section-intro>p{max-width:360px;margin:0 0 3px auto;color:var(--muted);font-size:16px;line-height:1.8}.builder-stage{border:1px solid #ffffff1c;border-radius:16px;background:#282724;overflow:hidden}.builder-tools{display:flex;justify-content:space-between;align-items:center;padding:23px 32px;border-bottom:1px solid var(--line)}.demo-heading{display:flex;align-items:center;gap:12px}.demo-heading strong{display:block;font-size:15px;font-weight:500}.demo-heading small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.layout-picker{display:flex;border:1px solid #ffffff18;background:#1f1e1c;padding:4px;border-radius:7px;gap:4px}.layout-picker button{background:transparent;color:var(--muted);border:0;padding:9px 14px;border-radius:4px;font-size:12px}.layout-picker button.active{background:var(--gold);color:#211f19}.binder-book{margin:30px auto;max-width:660px;background:#161615;border:1px solid #ffffff10;border-radius:13px;padding:25px 28px 25px 54px;position:relative;box-shadow:0 10px 25px #0004}.binder-spine{position:absolute;left:19px;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-around;border-right:1px solid #ffffff14;padding-right:12px}.binder-spine i{display:block;width:16px;height:7px;border-radius:5px;background:linear-gradient(#bbb8ad,#4d4c47,#aaa89d);box-shadow:0 3px 4px #0007}.binder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;max-width:460px;margin:auto}.binder-grid.four{grid-template-columns:repeat(2,1fr);max-width:360px}.card-slot{border:1px solid #ffffff16;border-radius:6px;padding:6px;background:linear-gradient(145deg,#393936,#20201e);position:relative;transition:transform .2s,box-shadow .2s;aspect-ratio: .71}.card-slot img{height:100%;width:100%;object-fit:cover;border-radius:3px;pointer-events:none}.card-slot:hover{transform:translateY(-4px);box-shadow:0 7px 18px #0007}.card-slot.selected{box-shadow:0 0 0 3px var(--gold);transform:translateY(-5px)}.card-slot:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 45%,#ffffff09 48%,transparent 53%);pointer-events:none}.builder-bottom{display:flex;align-items:center;justify-content:space-between;padding:19px 32px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.demo-tip{display:flex;gap:10px;align-items:center}.demo-tip>span:first-child{font-size:21px;color:var(--gold)}.page-controls{display:flex;gap:16px;align-items:center;font-size:11px}.page-controls button{border:1px solid #ffffff25;border-radius:50%;width:29px;height:29px;background:transparent;color:var(--ink)}.page-controls button:hover{color:var(--gold);border-color:var(--gold)}.builder-details{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:40px}.builder-details article>span{font-size:12px;color:var(--gold)}h3{font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.4px;margin:13px 0 10px}.builder-details p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.features{background:#242320;border-block:1px solid var(--line)}.features h2{margin-bottom:40px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.feature{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:28px 25px;display:flex;flex-direction:column;overflow:hidden}.feature-icon{font-size:25px;color:var(--gold);line-height:1}.feature h3{font-size:27px;letter-spacing:-.8px;margin-top:23px}.feature>p{font-size:14px;line-height:1.8;color:var(--muted);margin:2px 0 30px}.collection-visual,.pricing-visual,.social-visual{margin-top:auto;margin-bottom:25px}.mini-card{background:#2b2a26;border:1px solid var(--line);border-radius:7px;padding:10px;display:flex;gap:9px;align-items:center;margin-bottom:9px}.mini-card img{width:34px;height:46px;object-fit:cover;border-radius:3px}.mini-card b{font-size:12px;font-weight:500}.mini-card small{display:block;font-size:10px;color:#929087;margin-top:5px}.owned,.wanted{margin-left:auto;font-size:9px;padding:5px 6px;border:1px solid #ffffff18;border-radius:4px;color:var(--gold);white-space:nowrap}.wanted{color:#b5b1a9}.feature-caption{font-size:9px;color:#938e81;letter-spacing:1px}.feature-pricing .feature-caption{font-size:9px;letter-spacing:0}.pricing-visual{border:1px solid #f4b81a22;background:#f4b81a05;padding:18px;border-radius:8px;min-height:145px}.pricing-visual>div:first-child{font-size:10px;color:#aaa28e;display:flex;justify-content:space-between;align-items:center}.live-dot{height:5px;width:5px;background:var(--gold);border-radius:100%}.pricing-visual p{font-size:22px;line-height:1.2;letter-spacing:-.4px;margin:14px 0}.pricing-visual strong{color:var(--gold);font-weight:500}.source-tags{display:flex;gap:5px;flex-wrap:wrap}.source-tags span{font-size:9px;border:1px solid #ffffff15;border-radius:4px;padding:4px 7px}.social-visual{background:#2b2a26;border:1px solid var(--line);border-radius:8px;padding:12px}.social-head{display:flex;gap:7px;align-items:center}.avatar{border-radius:50%;background:var(--gold);color:#28251b;display:grid;place-items:center;width:26px;height:26px;font-size:18px;font-weight:600}.social-head b{font-size:10px;font-weight:500}.social-head small{display:block;font-size:8px;color:#a8a397;margin-top:2px}.social-head>span:last-child{margin-left:auto;font-size:9px}.social-cards{display:flex;gap:5px;margin-top:12px}.social-cards img{width:calc((100% - 10px)/3);border-radius:3px}.social-reactions{margin-top:9px;display:flex;gap:6px;font-size:16px;color:var(--gold);align-items:center}.social-reactions span{font-size:8px;color:var(--muted)}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:75px}.faq h2{font-size:43px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:22px;color:var(--gold)}details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:14px;line-height:1.8;color:var(--muted);max-width:450px;margin:15px 30px 0 0}.launch{position:relative;text-align:center;border:1px solid #2ec4b625;border-radius:16px;padding:60px 25px 45px;background:radial-gradient(ellipse at 50% 0,#8b849e13,transparent 75%),#25231f;overflow:hidden}.launch:before,.launch:after{content:'';position:absolute;left:50%;top:50%;width:800px;height:800px;border:1px solid #f4b81a0b;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.launch:after{width:1000px;height:1000px}.launch-mark img{margin:0 auto 22px}.launch .eyebrow{justify-content:center;color:#bcb4a2;font-size:10px;margin-bottom:20px}.launch h2{font-size:60px}.launch>p:not(.eyebrow){color:var(--muted);line-height:1.7;font-size:16px}.store-badges{display:flex;justify-content:center;gap:14px;margin-top:26px}.store-badges>div{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid #ffffff25;background:#1a1916;border-radius:7px;padding:10px 21px;min-width:157px}.store-badges svg{height:26px;width:26px;fill:var(--ink)}.store-badges>div:nth-child(2) svg{fill:none;stroke:var(--ink);stroke-width:1.5}.store-badges small{font-size:9px;color:var(--muted);display:block}.store-badges strong{font-weight:500;font-size:19px}.launch .launch-footnote{font-size:11px!important;margin-top:28px}.footer{margin-top:65px;display:flex;align-items:center;justify-content:space-between;padding-bottom:26px;border-bottom:1px solid var(--line)}.footer .brand{font-size:28px}.footer p,.footer>span{color:var(--muted);font-size:12px}.legal{padding-block:22px 30px;font-size:10px;line-height:1.8;color:#77746c;text-align:center}.skip-link{position:fixed;left:20px;top:-100px;background:var(--gold);color:#1f1e1c;padding:14px;z-index:10}.skip-link:focus{top:12px}
@media(min-width:1500px){.hero{min-height:800px}.hero-art{transform:scale(1.07)}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{grid-template-columns:1fr 1fr;min-height:670px}.hero-art{height:540px;transform:scale(.85);transform-origin:center right}.hero-copy{position:relative;z-index:3}h1{font-size:80px}.hero-actions{gap:18px}.hero-actions .button{font-size:13px;padding:15px 16px}.game-logos{gap:20px}.feature{padding:23px 18px}.feature h3{font-size:24px}.mini-card{flex-wrap:wrap}.owned,.wanted{display:none}.faq{gap:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:80px}.header .brand{font-size:30px}.header .brand img{width:24px}.header nav{gap:19px;font-size:12px}.header nav a:last-child{display:none}.header .button{display:none}.hero{display:flex;flex-direction:column;gap:28px;padding-block:49px 32px;min-height:0;overflow:hidden}.hero-copy{width:100%}h1{font-size:76px;letter-spacing:-4px}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:20px}.lead{font-size:18px;margin-bottom:25px}.hero-actions{gap:20px}.hero-actions .button{font-size:13px}.platform-note{margin-top:20px}.hero-art{width:460px;height:550px;transform:scale(.85);transform-origin:top center;margin-bottom:-80px;flex-shrink:0}.phone-front{left:35px}.phone-back{right:4px}.floating-label{right:0}.art-caption{right:105px;bottom:-5px}.games{padding-block:26px 30px}.game-logos{display:grid;grid-template-columns:repeat(3,1fr);gap:23px 28px;justify-items:center}.game-logos img{max-width:95px;height:40px}.game-logos img:nth-child(2){max-width:110px}.section{padding-block:70px}.section-intro{display:block;margin-bottom:28px}h2{font-size:40px;letter-spacing:-1.5px}.section-intro>p{margin:22px 0 0;max-width:100%;font-size:14px}.builder-tools{padding:17px 15px;gap:10px}.demo-heading{gap:7px}.demo-heading strong{font-size:12px}.demo-heading small{font-size:9px}.layout-picker button{padding:7px 8px;font-size:10px}.binder-book{margin:20px 15px;padding:17px 15px 17px 36px}.binder-spine{left:10px;padding-right:7px}.binder-spine i{width:12px}.binder-grid{gap:7px}.card-slot{padding:3px}.builder-bottom{padding:14px;flex-wrap:wrap;gap:12px}.demo-tip{font-size:10px}.page-controls{margin-left:auto;font-size:10px;gap:10px}.builder-details{grid-template-columns:1fr;gap:25px;margin-top:30px}.builder-details article{position:relative;padding-left:38px}.builder-details article>span{position:absolute;left:0;top:5px}.builder-details h3{margin:0 0 8px;font-size:19px}.builder-details p{font-size:13px}.feature-grid{grid-template-columns:1fr;gap:18px}.feature{padding:26px}.feature h3{font-size:28px}.feature>p{font-size:14px;max-width:430px}.collection-visual,.pricing-visual,.social-visual{max-width:340px;width:100%;margin-inline:auto}.owned,.wanted{display:block}.social-head b{font-size:11px}.social-head small{font-size:9px}.social-reactions span{font-size:9px}.faq{display:block}.faq h2{font-size:38px}.faq-list{margin-top:35px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px}.launch{padding:40px 18px 28px}.launch h2{font-size:43px}.launch .eyebrow{font-size:8px;letter-spacing:1.4px}.launch>p:not(.eyebrow){font-size:14px}.store-badges{gap:9px}.store-badges>div{min-width:0;padding:9px 15px;gap:9px}.store-badges strong{font-size:17px}.footer{margin-top:40px;flex-wrap:wrap;gap:5px}.footer p{display:none}.legal{text-align:left;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Collection overview, custom collections and social features. */
.builder-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:36px;border-top:1px solid var(--line);padding-top:30px}.builder-extras article{display:flex;gap:14px}.extra-symbol{color:var(--gold);font-size:25px;line-height:1.2}.builder-extras h3{font-size:16px;margin:0 0 8px}.builder-extras p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.overview{background:#242320;border-top:1px solid var(--line)}.screenshot-section{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px}.section-description{font-size:17px;line-height:1.8;color:var(--muted);max-width:450px;margin:24px 0 30px}.benefit-list{list-style:none;margin:0;padding:0;display:grid;gap:25px}.benefit-list li{display:flex;gap:17px}.benefit-list li>span{color:var(--gold);font-size:22px;width:26px;flex-shrink:0}.benefit-list h3{font-size:18px;letter-spacing:-.3px;margin:0 0 7px}.benefit-list p{font-size:14px;line-height:1.8;color:var(--muted);margin:0;max-width:410px}.screenshot-showcase{margin:0;position:relative;padding:28px 30px 20px;border:1px solid #f4b81a20;border-radius:18px;background:radial-gradient(ellipse at 50% 35%,#8b849e0c,transparent 70%),#1c1b19;overflow:hidden}.screenshot-placeholder{aspect-ratio:.64;max-width:280px;margin:auto;border:1px dashed #ffffff24;border-radius:27px;background:linear-gradient(160deg,#2c2a25,#1b1a18);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px}.placeholder-icon{color:var(--gold);font-size:43px;opacity:.8;margin-bottom:22px}.screenshot-placeholder strong{font-size:18px;font-weight:500;max-width:190px;line-height:1.4}.screenshot-placeholder p{font-size:11px;color:var(--muted);margin:13px 0 28px}.pending-label{font-size:9px;letter-spacing:.5px;color:#aca28b;border:1px solid #f4b81a24;border-radius:20px;padding:7px 10px;background:#f4b81a05}.screenshot-showcase figcaption{font-size:9px;text-align:center;color:#928b7c;letter-spacing:1.3px;margin-top:20px}.screenshot-showcase>img{max-width:280px;margin:auto;border:6px solid #10100f;border-radius:27px;width:100%;height:auto}.socials{border-bottom:1px solid var(--line)}.social-layout{grid-template-columns:1fr 1.1fr}.social-showcase{background:radial-gradient(ellipse at 50% 45%,#8b849e0b,transparent 75%),#25231f}.socials+.faq{padding-top:95px}.custom-visual{margin:auto 0 25px;background:#2a2823;border:1px solid #f4b81a20;border-radius:8px;min-height:185px;display:flex;flex-direction:column;align-items:center;padding:16px}.custom-set-label{font-size:8px;letter-spacing:2px;color:#a99c7d}.custom-card-art{width:66px;height:83px;margin:15px 0;background:linear-gradient(140deg,#d9a32d33,#8563310c);border:1px solid #b59855;border-radius:5px;display:grid;place-items:center;transform:rotate(-7deg);position:relative}.custom-card-art:before,.custom-card-art:after{content:'';position:absolute;border:1px solid #f4b81a33;inset:6px;border-radius:2px}.custom-card-art:after{inset:13px}.custom-card-art>span{font-size:30px;color:var(--gold)}.custom-visual>strong{font-size:13px;font-weight:500}.custom-visual>small{font-size:9px;color:var(--muted);margin-top:7px;text-align:center}.bulk-steps{list-style:none;margin:auto 0 25px;padding:0;display:grid;gap:13px}.bulk-steps li{display:flex;gap:11px;align-items:flex-start}.bulk-steps li>span{font-size:10px;color:var(--gold);border:1px solid #f4b81a24;border-radius:4px;padding:6px}.bulk-steps strong{display:block;font-size:12px;font-weight:500;margin-top:2px}.bulk-steps small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:4px}.feature-bulk .feature-caption{letter-spacing:0;line-height:1.7}.feature-custom .feature-caption{margin-top:auto}.overview+.features{background:var(--bg)}.overview+.features .feature{background:#242320}
@media(max-width:1100px){.screenshot-section{gap:50px}.section-description{font-size:15px}.benefit-list p{font-size:13px}.screenshot-showcase{padding:23px 20px 20px}.screenshot-placeholder strong{font-size:16px}.header nav{gap:24px}.builder-extras{gap:20px}}
@media(max-width:760px){.screenshot-section,.social-layout{grid-template-columns:1fr;gap:35px}.social-layout .section-copy{grid-row:1}.screenshot-showcase{width:min(100%,360px);margin-inline:auto}.screenshot-placeholder{max-width:245px}.builder-extras{grid-template-columns:1fr;gap:22px;padding-top:25px}.builder-extras h3{font-size:16px}.builder-extras p{font-size:13px}.benefit-list{gap:23px}.benefit-list h3{font-size:17px}.section-description{font-size:15px;margin:20px 0 27px}.socials+.faq{padding-top:70px}.header nav{gap:15px;font-size:11px}.header nav a:last-child{display:none}.header .brand{font-size:28px}.header .brand img{width:23px}.custom-visual{max-width:340px;width:100%;margin-inline:auto}.bulk-steps{gap:20px;margin-bottom:25px}.bulk-steps strong{font-size:14px}.bulk-steps small{font-size:12px}.custom-visual>small{font-size:10px}.hero{overflow:clip}.feature>p{max-width:none}}
@media(max-width:380px){.header nav{gap:11px;font-size:10px}.header .brand{font-size:25px;gap:6px}.header .brand img{width:20px}.header .brand-dot{margin-left:-5px}}
.faq-list p a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.offline-feature{margin-top:24px;padding:35px 32px;display:grid;grid-template-columns:55px 1fr 210px;align-items:center;gap:26px;border:1px solid #f4b81a29;border-radius:12px;background:linear-gradient(110deg,#8b849e08,transparent 70%),#242320}.offline-icon{align-self:start;color:var(--gold);border:1px solid #f4b81a30;border-radius:12px;padding:12px;background:#f4b81a07}.offline-icon svg{width:29px;height:29px;display:block}.offline-copy .eyebrow{font-size:9px;margin-bottom:12px;letter-spacing:1.8px}.offline-copy h3{font-size:31px;letter-spacing:-1px;line-height:1.15;margin:0 0 16px}.offline-copy h3 span{color:var(--gold)}.offline-copy>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);margin:0;max-width:610px}.offline-scopes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.offline-scopes>span{font-size:11px;text-align:center;padding:11px 8px;border:1px solid #ffffff19;border-radius:6px;color:#d0cabc;background:#1f1e1c}.offline-scopes small{grid-column:1/-1;font-size:10px;color:#9e9582;text-align:center;margin-top:6px}@media(max-width:1000px){.offline-feature{grid-template-columns:45px 1fr;gap:20px;padding:28px}.offline-icon{padding:8px}.offline-scopes{grid-column:2;grid-template-columns:repeat(4,1fr)}.offline-scopes small{text-align:left}}@media(max-width:760px){.offline-feature{padding:25px;grid-template-columns:1fr;gap:18px}.offline-icon{width:47px;padding:8px}.offline-copy h3{font-size:28px}.offline-copy>p:last-child{font-size:14px}.offline-scopes{grid-column:1;grid-template-columns:1fr 1fr}.offline-scopes small{text-align:center}}
/* Bindlr brand palette: gold for building, teal for collection and connection. */
:root{--secondary:#2EC4B6;--secondary-tint:#2ec4b60c;--secondary-border:#2ec4b630}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--secondary)}
.hero .text-link{color:var(--secondary)}.hero .text-link:hover{color:#7fdfd5}.hero .floating-label{border-color:#2ec4b63d;background:#22312e}.hero .floating-label .mini-grid,.spark-two{color:var(--secondary)}
.overview h2 span,.overview .gold,.overview .benefit-list li>span,.overview .placeholder-icon,.socials h2 span,.socials .gold,.socials .benefit-list li>span,.socials .placeholder-icon{color:var(--secondary)}
.overview .screenshot-showcase,.social-showcase{border-color:var(--secondary-border);background:radial-gradient(ellipse at 50% 35%,#8b849e12,transparent 75%),#202724}
.overview .screenshot-placeholder,.socials .screenshot-placeholder{border-color:#2ec4b638;background:linear-gradient(160deg,#27332f,#1b201e)}
.overview .pending-label,.socials .pending-label{border-color:#2ec4b630;background:#2ec4b608;color:#9abeb7}.overview .screenshot-showcase figcaption,.socials .screenshot-showcase figcaption{color:#89a79f}
.builder-extras article:last-child .extra-symbol{color:var(--secondary)}
.feature-pricing .feature-icon,.feature-pricing .pricing-visual strong,.feature-bulk .feature-icon,.bulk-steps li>span{color:var(--secondary)}
.feature-pricing .pricing-visual{border-color:var(--secondary-border);background:var(--secondary-tint)}.feature-pricing .live-dot{background:var(--secondary)}.feature-pricing .pricing-visual>div:first-child{color:#9ab4ae}.feature-pricing .source-tags span{border-color:#2ec4b628;color:#c4dad5}.bulk-steps li>span{border-color:var(--secondary-border);background:#2ec4b605}
.offline-feature{border-color:var(--secondary-border);background:linear-gradient(110deg,#8b849e0b,transparent 75%),#242824}.offline-icon{color:var(--secondary);border-color:#2ec4b640;background:#2ec4b60b}.offline-copy .gold,.offline-copy h3 span{color:var(--secondary)}.offline-scopes>span{border-color:#2ec4b627;background:#1c2421;color:#c4dad5}.offline-scopes small{color:#91afa7}
.faq-list summary>span{color:var(--secondary)}.faq-list p a{color:var(--secondary)}
/* Real app screenshots supplied for launch. */
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-screen{width:min(100%,260px);margin:10px auto 25px}.feature-screen img{width:100%;height:auto;border:5px solid #121210;border-radius:23px;box-shadow:0 15px 28px #0003}.feature-screen figcaption{text-align:center;font-size:8px;letter-spacing:1.2px;color:#98aaa3;margin-top:15px}.feature-bulk{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:60px;padding:32px}.feature-bulk>.feature-icon,.feature-bulk>h3,.feature-bulk>p{grid-column:1}.feature-bulk>p{margin-bottom:16px}.feature-bulk>.bulk-steps{grid-column:2;grid-row:1/4;align-self:center;margin:0;gap:20px}.feature-bulk>.feature-caption{grid-column:1/-1;margin-top:10px}.feature-bulk .bulk-steps strong{font-size:14px}.feature-bulk .bulk-steps small{font-size:12px}.overview .screenshot-showcase>img{max-width:295px}.phone img{aspect-ratio:1320/2868}
@media(max-width:760px){.feature-grid{grid-template-columns:1fr}.feature-bulk{grid-column:auto;display:flex;padding:26px}.feature-bulk>.bulk-steps{margin:10px 0 22px}.feature-screen{width:min(100%,280px)}.feature-bulk>.feature-caption{margin-top:0}}
.footer-socials{display:flex;align-items:center;gap:23px}.footer-socials a{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#c5c3bd;min-height:44px}.footer-socials svg{width:17px;height:17px;fill:currentColor;flex-shrink:0}.footer-socials .social-handle{font-size:10px;color:var(--muted)}.footer-socials a:hover{color:var(--secondary)}.footer-socials a:hover .social-handle{color:var(--secondary)}@media(max-width:1100px){.footer>p{display:none}}@media(max-width:760px){.footer-socials{order:3;flex-basis:100%;justify-content:center;gap:26px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.footer-socials a{font-size:12px}.footer-socials .social-handle{font-size:10px}}
/* Slot-aware Shuckle binder demo. Each artwork insert remains one two-pocket item. */
.binder-grid{--columns:3;grid-template-columns:repeat(var(--columns),minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}.binder-grid.four{--columns:2}.binder-grid .card-slot{min-width:0;aspect-ratio:63/88;touch-action:manipulation}.binder-grid .michi-slot{aspect-ratio:132/88}.binder-grid .michi-slot img{object-fit:cover;object-position:center bottom;border-radius:3px}.missing img{filter:grayscale(1);opacity:.32}.missing-badge,.michi-badge{position:absolute;bottom:9px;left:9px;padding:4px 6px;border-radius:4px;font-size:9px;font-weight:500;background:#171716e8;color:#c6c3bb;pointer-events:none}.michi-badge{left:auto;right:9px;color:var(--secondary);border:1px solid #2ec4b63d}.binder-grid .missing:hover img{opacity:.48}.card-slot.dragging{opacity:.45}.card-slot.drop-target{outline:2px solid var(--secondary);outline-offset:2px}.binder-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:22px;margin:0 15px 24px;color:var(--muted);font-size:10px}.binder-legend>span{display:flex;align-items:center;gap:7px}.binder-legend i{display:block;width:7px;height:7px;border-radius:50%}.owned-dot{background:var(--gold)}.missing-dot{background:#6b6a65}.art-dot{background:var(--secondary)}.demo-tip{max-width:70%}#demo-help{line-height:1.5}.builder-bottom{min-height:73px}.card-slot:active{cursor:grabbing}.card-slot{cursor:grab}@media(max-width:760px){.missing-badge,.michi-badge{font-size:7px;padding:3px 4px;bottom:5px;left:5px}.michi-badge{left:auto;right:5px}.binder-legend{font-size:8px;gap:12px;margin-bottom:18px}.demo-tip{max-width:100%}.builder-bottom{min-height:88px}}
.binder-legend[hidden]{display:none}
.artwork-credit{margin:-8px 20px 22px;text-align:center;font-size:10px;color:var(--muted);line-height:1.7}.artwork-credit a{color:var(--secondary);text-decoration:underline;text-underline-offset:3px}.artwork-credit a:hover{color:#7fdfd5}.artwork-credit[hidden]{display:none}

/* Scale the complete hero composition to the available mobile width. */
@media(max-width:760px){
 .hero-art{width:100%;max-width:460px;height:auto;aspect-ratio:2/3;transform:none;margin:0;align-self:center}
 .hero-art .phone{border-width:4px;border-radius:26px}
 .hero-art .phone-front{width:50%;left:10%;top:12%}
 .hero-art .phone-back{width:46%;right:10%;top:18%}
 .hero-art .floating-label{right:4%;top:1%;padding:10px 12px;font-size:11px;gap:7px}
 .hero-art .floating-label .mini-grid{font-size:18px}
 .hero-art .floating-note{left:4%;bottom:10%;padding:10px 12px;font-size:11px;gap:9px}
 .hero-art .floating-note>span>.site-icon{width:23px;height:23px}
 .hero-art .art-caption{left:0;right:auto;bottom:0;width:100%;padding-inline:10px;text-align:center;font-size:9px;line-height:1.5}
 .hero-art .orbit{left:50%;top:48%;width:100%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%)}
 .hero-art .orbit-two{width:115%}
 .hero-art .spark-one{left:3%;top:4%}
 .hero-art .spark-two{right:1%;bottom:21%}
}
@media(max-width:760px){
 .game-logos{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px}
 .game-logos img{width:100%;max-width:95px}
 .game-logos img:nth-child(2){width:100%;max-width:110px}
}

.catalogue-glance{padding-block:58px 64px;border-bottom:1px solid var(--line)}
.glance-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:36px}
.glance-heading .eyebrow{color:var(--muted);margin-bottom:16px}
.glance-heading h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1.4px;line-height:1.2}
.glance-heading h2 span{color:var(--ink)}
.glance-heading .text-link{flex-shrink:0;color:var(--action-secondary);padding-bottom:5px}
.catalogue-stats{display:grid;grid-template-columns:1.35fr 1.15fr 1fr 1fr;margin:0;border-block:1px solid var(--line)}
.catalogue-stats>div{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:12px;padding:28px 24px;border-left:1px solid var(--line)}
.catalogue-stats>div:first-child{border-left:0;padding-left:0}
.catalogue-stats dd{margin:0;color:var(--ink);font-size:clamp(32px,4.2vw,57px);font-weight:500;letter-spacing:-1.8px;line-height:1.1;font-variant-numeric:tabular-nums}
.catalogue-stats dt{color:#bdbab3;font-size:13px;line-height:1.5}
.glance-note{font-size:11px;color:var(--muted);line-height:1.7;margin:18px 0 0}
@media(max-width:760px){.catalogue-glance{padding-block:38px 42px}.glance-heading{display:block;margin-bottom:25px}.glance-heading h2{font-size:29px;letter-spacing:-1px}.glance-heading .text-link{margin-top:20px;font-size:12px}.catalogue-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-stats>div{padding:23px 16px;gap:9px}.catalogue-stats>div:nth-child(odd){border-left:0;padding-left:0}.catalogue-stats>div:nth-child(n+3){border-top:1px solid var(--line)}.catalogue-stats dd{font-size:clamp(30px,8.5vw,42px);letter-spacing:-1.2px}.catalogue-stats dt{font-size:12px}.glance-note{font-size:10px}}

/* Reserve final text dimensions during typed and word-by-word entrances. */
.hero h1 .motion-heading-visual,.motion-heading-visual .motion-word,.motion-heading-visual .motion-letter{color:inherit}
.motion-heading-visual{display:contents;color:inherit}
.motion-word{display:inline-block;white-space:nowrap}
.motion-letter{display:inline-block}
@media(max-width:760px){.hero h1{font-size:clamp(50px,16vw,76px)}}