:root{font-family:"DM Sans",sans-serif;color:#151515;background:#fffdfa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{overflow-x:hidden}
.header{display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(1500px,calc(100% - 80px));height:78px;margin:auto;border-bottom:1px solid #ece8e1}
.brand{display:inline-flex;align-items:center;gap:1px;color:#151515;text-decoration:none;font-family:Outfit,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.4px}
.brand-logo{display:block;width:54px;height:54px;object-fit:contain;transform:translateY(-4px);flex:none}
.period{color:#f47c54}.header-note{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.16em;white-space:nowrap}.header-dot,.coming-dot,.stage-dot{width:7px;height:7px;border-radius:50%;background:#f27f51;box-shadow:0 0 0 4px #ffe6da}
.hero{padding:67px 20px 64px;text-align:center}
.hero-inner{max-width:1350px;margin:auto}
.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:21px;font-size:16px;font-weight:800;letter-spacing:-.02em}
.eyebrow img{display:block;width:38px;height:38px;object-fit:contain;transform:translateY(-3px)}
h1{margin:0;font-family:"DM Sans",sans-serif;font-size:clamp(58px,6vw,100px);font-weight:700;line-height:1.04;letter-spacing:-.07em}
h1 span{padding-right:.08em;margin-right:-.08em;background:linear-gradient(100deg,#74c8ee 0%,#72c98d 27%,#f4ca52 52%,#f17986 76%,#8b94f7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.description{max-width:720px;margin:31px auto 0;color:#444044;font-size:19px;font-weight:500;line-height:1.53}
.coming-pill{display:inline-flex;align-items:center;gap:11px;margin-top:25px;padding:13px 18px;border:1px solid #ebe5df;border-radius:100px;background:#fff;color:#242126;font-size:12px;font-weight:800;box-shadow:0 8px 20px #33302b0d}
.platform-list{display:flex;justify-content:center;align-items:center;gap:11px;margin-top:27px}
.platform-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #efebe6;border-radius:9px;background:#fff;box-shadow:0 4px 8px #2824240a}
.platform-icon img{display:block;width:17px;height:17px;opacity:.68}
.database{padding:0 18px 95px}.database-stage{position:relative;max-width:1820px;min-height:615px;margin:auto;padding:30px 48px 0;overflow:hidden;border-radius:26px;background:linear-gradient(112deg,#ffe4b3 0%,#ffc7bf 47%,#c9efed 100%)}
.database-stage:before,.database-stage:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff77;border-radius:50%}.database-stage:before{top:-330px;right:5%}.database-stage:after{bottom:-390px;left:-10%}
.stage-caption{position:relative;z-index:2;display:flex;align-items:center;gap:12px;max-width:1200px;margin:0 auto 23px;color:#3e3537;font-size:10px;font-weight:800;letter-spacing:.15em}.stage-dot{width:7px;height:7px;box-shadow:none;background:#1d1d20}.stage-caption-right{margin-left:auto;color:#685958;font-size:9px}
.mock-app{position:relative;z-index:2;display:grid;grid-template-columns:68px 1fr;width:min(1200px,100%);height:555px;margin:auto;overflow:hidden;border:1px solid #fff9;border-radius:17px 17px 0 0;background:#fff;box-shadow:0 20px 50px #733d3b33}
.mock-rail{display:flex;align-items:center;flex-direction:column;gap:28px;padding-top:18px;background:#1d1d21;color:#d5d0d2;font-size:24px}.mock-rail img{display:block;width:39px;height:39px;object-fit:contain;padding:4px;border-radius:10px;background:#fff;transform:translateY(-2px)}.mock-rail span{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;line-height:1}.mock-rail .rail-active{background:#f47c54;color:#111;font-size:29px}
.mock-window{min-width:0}.mock-topbar{display:flex;justify-content:space-between;align-items:center;height:62px;padding:0 27px;border-bottom:1px solid #eae8e6;font-size:14px}.preview-label{padding:6px 8px;border-radius:5px;background:#fff3ed;color:#c95d39;font-size:9px;font-weight:800;letter-spacing:.1em}
.mock-content{display:grid;grid-template-columns:255px 1fr;height:calc(100% - 62px)}.filter-panel{padding:18px;border-right:1px solid #eae8e6;background:#fff}.filter-title{display:flex;justify-content:space-between;margin-bottom:17px;font-size:15px;font-weight:800}.filter-platforms{display:flex;gap:4px}.filter-platforms span{padding:6px 7px;border:1px solid #ece8e4;border-radius:5px;color:#625d61;font-size:9px;font-weight:700}.filter-platforms span:first-child{border-color:#f4bca3;background:#fff2ea;color:#c35531}.filter-search{margin-top:14px;padding:10px 8px;border:1px solid #eae6e2;border-radius:6px;color:#aba5a7;font-size:10px}.filter-group{margin-top:18px}.filter-group small,.results-heading small{color:#a49da0;font-size:9px;font-weight:800;letter-spacing:.14em}.filter-group div{display:flex;justify-content:space-between;gap:5px;margin-top:10px;padding-bottom:8px;border-bottom:1px solid #f0eeec;font-size:10px;font-weight:600}.filter-group b{color:#a6a0a3;font-size:9px;font-weight:600}.filter-last{margin-top:16px}
.results-panel{min-width:0;padding:25px 25px 0;background:#fff}.results-heading{display:flex;justify-content:space-between;align-items:end;gap:15px}.results-heading h3{margin:5px 0 0;font-family:Outfit,sans-serif;font-size:23px;letter-spacing:-.04em}.results-heading>span{padding:7px 9px;border:1px solid #eae6e2;border-radius:6px;color:#817b7e;font-size:10px;font-weight:700}.results-pills{display:flex;gap:8px;margin:19px 0 17px}.results-pills span{padding:7px 12px;border-radius:100px;background:#f7f5f3;color:#666065;font-size:10px;font-weight:700}.results-pills span:first-child{background:#1f1e21;color:#fff}
.result-table{border:1px solid #eceae7;border-radius:9px;overflow:hidden}.table-head,.result-row{display:grid;grid-template-columns:2fr 1.2fr 1.2fr 1.15fr;align-items:center;gap:12px}.table-head{padding:13px 18px;background:#f8f7f5;color:#a09a9c;font-size:9px;font-weight:800;letter-spacing:.08em}.result-row{min-height:81px;padding:9px 18px;border-top:1px solid #eeeae8;color:#353136;font-size:11px}.result-row>span:not(.result-person){display:flex;flex-direction:column;gap:4px}.result-row small{color:#a5a0a2;font-size:9px}.result-row b{font-weight:800}.result-person{display:flex;align-items:center;gap:11px;min-width:0}.result-person>span{display:flex;flex-direction:column;gap:4px}.avatar{display:block;width:43px;height:43px;flex:none;border-radius:8px;background-image:url("assets/creator-portraits.png");background-size:300% 100%;background-repeat:no-repeat}.avatar-one{background-position:left center}.avatar-two{background-position:center center}.avatar-three{background-position:right center}.view-cell{color:#c8623d;font-weight:800}.view-cell b{margin-left:3px}.mock-footnote{margin-top:16px;color:#bbb4b7;font-size:10px}
.database-info{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:80px;align-items:start;width:min(1200px,calc(100% - 32px));margin:105px auto 0}.section-kicker{margin:0 0 15px;color:#e06b44;font-size:11px;font-weight:800;letter-spacing:.16em}.info-intro h2{max-width:480px;margin:0;font-family:Outfit,sans-serif;font-size:clamp(35px,3.5vw,53px);line-height:1.07;letter-spacing:-.055em}.info-intro>p:last-child{max-width:435px;margin:20px 0 0;color:#706a6d;font-size:16px;line-height:1.65}.info-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:13px}.info-points>div{padding-top:17px;border-top:2px solid #1e1d1e}.info-points span{color:#df704d;font-size:11px;font-weight:800}.info-points h3{margin:26px 0 11px;font-family:Outfit,sans-serif;font-size:21px;line-height:1.1;letter-spacing:-.035em}.info-points p{margin:0;color:#706a6d;font-size:13px;line-height:1.65}
@media(max-width:1100px){.database-info{grid-template-columns:1fr;gap:35px}.info-intro h2{max-width:700px}.info-intro>p:last-child{max-width:680px}}
@media(max-width:800px){.header{width:calc(100% - 38px)}.hero{padding:55px 19px 52px}h1{font-size:clamp(58px,9vw,76px)}.database-stage{min-height:525px;padding:23px 18px 0}.mock-app{height:490px;grid-template-columns:52px 1fr}.mock-rail{gap:20px}.mock-content{grid-template-columns:190px 1fr}.filter-panel{padding:12px}.results-panel{padding:18px 16px 0}.result-row{grid-template-columns:1.6fr 1fr 1fr;gap:6px;padding:8px 10px}.result-row>span:nth-child(3),.table-head>span:nth-child(3){display:none}.table-head{grid-template-columns:1.6fr 1fr 1fr;padding:10px}}
@media(max-width:600px){.header{height:70px}.brand{font-size:21px}.brand-logo{width:45px;height:45px}.header-note{font-size:9px;letter-spacing:.08em}.header-dot{width:6px;height:6px}.hero{padding:50px 18px 48px}.eyebrow{margin-bottom:18px;font-size:13px}.eyebrow img{width:31px;height:31px}h1{font-size:clamp(42px,10vw,58px);line-height:1.08}.description{margin-top:23px;font-size:15px;line-height:1.55}.coming-pill{margin-top:23px;padding:11px 13px;font-size:10px}.platform-list{flex-wrap:wrap;gap:7px;margin-top:22px}.platform-icon{width:33px;height:33px}.platform-icon img{width:16px;height:16px}.database{padding:0 10px 65px}.database-stage{min-height:450px;padding:18px 13px 0;border-radius:17px}.stage-caption{gap:7px;margin-bottom:16px;font-size:8px;letter-spacing:.08em}.stage-caption-right{display:none}.mock-app{grid-template-columns:1fr;height:435px;border-radius:11px 11px 0 0}.mock-rail,.filter-panel{display:none}.mock-topbar{height:51px;padding:0 13px;font-size:12px}.mock-content{display:block;height:auto}.results-panel{padding:16px 12px 0}.results-heading h3{font-size:18px}.results-heading>span{font-size:8px}.results-pills{gap:5px;margin:16px 0 12px}.results-pills span{padding:6px 8px;font-size:9px}.table-head,.result-row{grid-template-columns:1fr 1fr}.table-head>span:nth-child(2),.result-row>span:nth-child(2){display:none}.table-head{padding:10px}.result-row{min-height:67px;padding:8px 10px}.avatar{width:37px;height:37px}.result-row small{font-size:8px}.result-row b{font-size:10px}.mock-footnote{margin-top:12px;font-size:9px}.database-info{width:calc(100% - 25px);margin-top:64px}.info-intro h2{font-size:39px}.info-intro>p:last-child{font-size:15px}.info-points{grid-template-columns:1fr;gap:21px}.info-points h3{margin:12px 0 7px}.info-points p{font-size:14px}}
@media(max-width:380px){h1{font-size:42px}.platform-icon{width:30px;height:30px}}