:root{--cream:#fff8f0;--paper:#fffdf9;--orange:#f5853f;--orange2:#ffb15f;--brown:#342117;--muted:#806f64;--line:rgba(61,43,31,.12);--shadow:0 30px 80px rgba(98,55,22,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);transition:.35s;border-bottom:1px solid transparent}.site-header.scrolled{height:70px;background:rgba(255,248,240,.84);backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;letter-spacing:.08em}.brand img{width:40px;height:40px;border-radius:13px;object-fit:cover;box-shadow:0 7px 20px rgba(245,133,63,.2)}nav{display:flex;gap:36px;font-size:14px;font-weight:500}nav a{position:relative}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--orange);transition:.25s}nav a:hover:after{right:0}.header-cta{font-size:14px;font-weight:600;padding:11px 18px;border:1px solid rgba(52,33,23,.22);border-radius:999px}.header-cta span{color:var(--orange);margin-left:8px}
.hero{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);align-items:center;padding:120px clamp(24px,7vw,120px) 70px;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(255,251,246,.94) 0%,rgba(255,251,246,.68) 37%,rgba(255,251,246,.07) 72%)}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(255,181,104,.15);filter:blur(60px);left:22%;top:10%;z-index:-1}.hero-copy{max-width:670px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.18em;color:#9b694b;font-weight:600;margin-bottom:24px}.eyebrow span{width:34px;height:1px;background:var(--orange)}h1{font-size:clamp(58px,6vw,96px);line-height:1.04;letter-spacing:-.055em;margin:0;font-weight:800}h1 em{font-style:normal;color:var(--orange);font-weight:400}.hero-copy>p{font-size:17px;line-height:1.9;color:#6f5e53;max-width:570px;margin:28px 0 32px}.hero-actions{display:flex;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;height:54px;padding:0 25px;border-radius:999px;font-size:15px;font-weight:600;transition:.25s}.btn-primary{color:white;background:var(--brown);box-shadow:0 16px 35px rgba(52,33,23,.18)}.btn-primary:hover{background:var(--orange);transform:translateY(-2px)}.btn-ghost{border:1px solid var(--line);background:rgba(255,255,255,.45);backdrop-filter:blur(10px)}.play{font-size:10px;color:var(--orange)}.trust-row{display:flex;align-items:center;gap:13px;margin-top:30px;font-size:12px;color:#9a8a80}.trust-row i{width:3px;height:3px;background:#cbb7a7;border-radius:50%}
.hero-visual{position:relative;height:670px;display:flex;align-items:center;justify-content:center}.phone-shell{width:342px;height:670px;background:#15110f;border:9px solid #251b16;border-radius:52px;padding:10px;box-shadow:0 45px 90px rgba(71,43,25,.28),inset 0 0 0 1px #6e5547;position:relative;z-index:3;transform:rotate(2deg)}.phone-shell:before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:100px;height:24px;border-radius:15px;background:#15110f;z-index:3}.phone-top{height:32px;border-radius:34px 34px 0 0;background:#fffaf4;display:flex;justify-content:space-between;padding:8px 16px 0;font-size:10px}.phone-top b{width:70px}.app-bar{height:45px;background:#fffaf4;display:flex;justify-content:center;align-items:center;position:relative}.app-bar small{font-weight:600}.app-bar span{position:absolute;right:12px;border:1px solid #ded3ca;border-radius:15px;padding:1px 9px}.phone-content{height:calc(100% - 77px);background:#fffaf4;border-radius:0 0 34px 34px;padding:14px;overflow:hidden}.mascot-row{height:108px;display:flex;align-items:center;justify-content:space-between;padding:6px 8px}.mascot-row div{display:flex;flex-direction:column;gap:5px}.mascot-row small{font-size:11px;color:#ad9d91}.mascot-row strong{font-size:15px}.mascot-row img{height:104px;width:104px;object-fit:contain}.earn-card{background:linear-gradient(135deg,#f88b45,#ffad5b);color:white;padding:17px 18px;border-radius:20px;box-shadow:0 13px 24px rgba(245,133,63,.22)}.earn-card small{opacity:.8}.earn-card div{display:flex;align-items:end;gap:10px;margin-top:5px}.earn-card strong{font-size:30px}.earn-card sup{font-size:11px;margin-left:3px}.earn-card b{font-size:16px}.earn-card div>span{opacity:.45;margin-bottom:5px}.activity-label{display:flex;justify-content:space-between;margin:18px 2px 10px}.activity-label span{font-size:12px;font-weight:600}.activity-label small{color:#b9a89c;font-size:10px}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.activity-grid button{border:1px solid rgba(72,45,29,.07);background:white;border-radius:14px;padding:8px 2px;font-size:18px;color:var(--brown);box-shadow:0 5px 12px rgba(71,43,25,.04);transition:.25s;cursor:pointer}.activity-grid button span{display:block;font-size:9px;margin-top:3px}.activity-grid button.active{border-color:var(--orange);background:#fff5e9;transform:translateY(-3px)}.timer-strip{display:flex;align-items:center;gap:7px;margin-top:15px;background:#342117;color:white;padding:12px;border-radius:13px;font-size:10px}.timer-strip b{margin-left:auto;font-size:12px;letter-spacing:.08em}.pulse{width:7px;height:7px;border-radius:50%;background:#ff9a54;box-shadow:0 0 0 0 rgba(255,154,84,.6);animation:pulse 1.8s infinite}.orbit{position:absolute;border:1px solid rgba(255,138,65,.35);border-radius:50%}.orbit-one{width:570px;height:570px}.orbit-two{width:460px;height:460px;border-style:dashed;animation:spin 30s linear infinite}.float-card{position:absolute;background:rgba(255,253,249,.85);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);padding:16px 21px;border-radius:18px;z-index:5;display:flex;flex-direction:column;gap:3px}.float-card span{font-size:10px;color:#9c8a7c}.float-card strong{font-size:16px}.float-card-a{left:2%;top:28%;animation:float 5s ease-in-out infinite}.float-card-b{right:-1%;bottom:24%;animation:float 5.5s ease-in-out .7s infinite}.float-card-b strong{color:var(--orange)}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.16em;color:#9a887a;display:flex;align-items:center;gap:10px}.scroll-hint span{display:block;width:35px;height:1px;background:#b9a89b}
.section-index{font-size:11px!important;font-weight:700!important;letter-spacing:.2em!important;color:#ad8065!important;margin:0 0 28px!important}.manifesto{padding:130px clamp(24px,8vw,140px);background:#2e1e16;color:#fff8f0;position:relative;overflow:hidden}.manifesto:after{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-150px;top:-160px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.manifesto-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.manifesto h2,.section-heading h2,.data-copy h2,.wardrobe h2,.join h2{font-size:clamp(42px,5vw,74px);line-height:1.14;letter-spacing:-.045em;margin:0}.manifesto h2 em{font-style:normal;color:#ff9b54;font-weight:400}.manifesto-copy{padding-top:15px;color:#d1c0b5;line-height:1.9}.quote{margin-top:42px;padding-top:25px;border-top:1px solid rgba(255,255,255,.13);font-size:18px;color:white;position:relative}.quote span{font-family:serif;font-size:70px;line-height:0;color:var(--orange);vertical-align:-20px;margin-right:10px}.big-number{margin-top:90px;padding-top:45px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:end}.big-number>span{font-size:clamp(100px,16vw,230px);line-height:.8;font-weight:200;letter-spacing:-.08em;color:#ff9b54}.big-number sup{font-size:20px;margin-left:15px}.big-number p{margin:0 0 5px auto;max-width:230px;color:#bca99d;font-size:13px;line-height:1.8}
.features{padding:130px clamp(24px,7vw,120px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.section-heading .section-index{align-self:start}.section-heading h2{text-align:right}.section-heading h2 span,.data-copy h2 span,.wardrobe h2 span,.join h2 span{color:var(--orange);font-weight:400}.feature-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:18px}.feature-card{min-height:530px;border:1px solid var(--line);border-radius:28px;background:rgba(255,253,249,.76);padding:30px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:.35s}.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.feature-primary{background:#f59a56;color:white;border-color:transparent}.feature-num{font-size:11px;opacity:.55}.feature-text{margin-top:auto}.feature-text h3{font-size:23px;margin:0 0 12px}.feature-text p{font-size:13px;line-height:1.8;margin:0;opacity:.7}.mini-timer{margin:auto;text-align:center}.timer-ring{width:210px;height:210px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 15px rgba(255,255,255,.05),0 0 0 30px rgba(255,255,255,.025)}.timer-ring span{font-size:48px;font-weight:300;letter-spacing:-.04em}.timer-ring small{opacity:.7}.earned-pill{display:inline-block;background:white;color:var(--orange);border-radius:30px;padding:9px 17px;margin-top:28px;font-size:13px;font-weight:700}.money-visual{margin:auto;display:flex;align-items:baseline;color:var(--orange)}.money-visual span{font-size:30px;margin-right:6px}.money-visual strong{font-size:100px;font-weight:300;letter-spacing:-.08em}.money-visual small{font-size:22px}.report-visual{margin:auto 0}.report-visual div{display:grid;grid-template-columns:1fr auto auto;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.report-visual b{font-weight:500}.report-visual em{font-style:normal;color:var(--orange);font-weight:700}
.data-section{padding:140px clamp(24px,8vw,140px);display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;background:#f3e7d9;align-items:center}.data-copy>p:not(.section-index){color:#7e6d61;line-height:1.9;font-size:15px;max-width:470px}.data-copy ul{list-style:none;padding:0;margin:45px 0 0}.data-copy li{padding:18px 0;border-bottom:1px solid rgba(52,33,23,.12);font-size:14px}.data-copy li span{font-size:10px;color:var(--orange);margin-right:24px}.dashboard{background:#fffcf7;border-radius:32px;padding:28px;box-shadow:0 40px 100px rgba(87,51,27,.16);transform:rotate(1.5deg)}.dash-header{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dash-header>div,.chart-card,.insight-row>div{background:#fff7ed;border-radius:18px;padding:20px}.dash-header small{display:block;color:#9e8a7b;font-size:11px;margin-bottom:8px}.dash-header strong{font-size:25px}.dash-header sup{font-size:10px}.orange{color:var(--orange)}.chart-card{background:#fff;margin-top:14px}.chart-title{display:flex;justify-content:space-between;font-size:12px}.chart-title span{font-size:9px;color:#a18f83}.chart-title i{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin:0 5px 0 12px}.bars{height:170px;display:flex;align-items:end;justify-content:space-between;gap:12px;padding-top:25px}.bars div{height:var(--h);width:100%;background:linear-gradient(#ff9b54,#ffd3ab);border-radius:8px 8px 2px 2px;position:relative;transition:.5s}.bars div:hover{filter:saturate(1.4);transform:scaleY(1.05);transform-origin:bottom}.bars span{position:absolute;top:calc(100% + 8px);width:100%;text-align:center;font-size:9px;color:#a99687}.insight-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.insight-row span{font-size:10px;color:#a08c7d;display:block;margin-bottom:8px}.insight-row strong{font-size:13px}
.wardrobe{min-height:800px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px clamp(24px,8vw,140px);overflow:hidden}.wardrobe-copy>p:not(.section-index){max-width:500px;line-height:1.8;color:#7e6d61;margin:28px 0}.outfit-switcher{display:flex;gap:9px;flex-wrap:wrap;margin-top:35px}.outfit-switcher button{border:1px solid var(--line);background:transparent;padding:10px 17px;border-radius:999px;cursor:pointer;color:var(--brown);font-size:12px;transition:.25s}.outfit-switcher button.active,.outfit-switcher button:hover{background:var(--brown);color:white}.wardrobe-stage{height:570px;position:relative;display:flex;align-items:center;justify-content:center}.stage-ring{position:absolute;width:500px;height:500px;border-radius:50%;background:linear-gradient(145deg,#ffcf97,#f2863f);box-shadow:0 45px 100px rgba(242,134,63,.28)}.stage-ring:after{content:"";position:absolute;inset:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%}.wardrobe-stage img{height:480px;width:480px;object-fit:contain;z-index:2;filter:drop-shadow(0 30px 24px rgba(83,42,18,.18));transition:opacity .2s,transform .35s}.wardrobe-stage img.swapping{opacity:0;transform:translateY(15px) scale(.96)}.stage-label{position:absolute;left:0;top:70px;background:white;border-radius:18px;padding:14px 22px;z-index:3;box-shadow:var(--shadow)}.stage-label small{display:block;font-size:9px;color:#a39082}.stage-label strong{font-size:14px}.coin-tag{position:absolute;right:0;bottom:85px;background:#342117;color:white;padding:12px 18px;border-radius:999px;z-index:3;font-size:11px}
.join{min-height:720px;background:#302018;color:white;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:100px 24px}.join-inner{position:relative;z-index:2}.join-inner>img{width:92px;height:92px;object-fit:cover;border-radius:28px;box-shadow:0 22px 50px rgba(255,137,67,.25);margin-bottom:30px}.join .section-index{color:#d99a71!important}.join h2{font-size:clamp(55px,7vw,96px)}.join-inner>p:not(.section-index){color:#cdbcb1;margin:28px 0}.copy-name{display:block;margin:25px auto;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:white;border-radius:999px;padding:15px 22px;cursor:pointer;transition:.25s}.copy-name:hover{background:white;color:var(--brown)}.copy-name span{font-weight:700;margin-left:12px}.join-inner>small{color:#8f7c70}.join-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:650px;height:650px;border:1px solid rgba(255,145,78,.2);box-shadow:0 0 0 80px rgba(255,145,78,.035),0 0 0 160px rgba(255,145,78,.02)}.orb-b{width:180px;height:180px;background:rgba(255,139,68,.12);filter:blur(40px);right:15%;top:20%}
footer{height:110px;padding:0 clamp(24px,6vw,100px);display:flex;align-items:center;gap:30px;background:#fffaf4;border-top:1px solid var(--line);font-size:12px;color:#948176}.footer-brand{font-size:15px;color:var(--brown)}.footer-brand img{width:32px;height:32px;border-radius:10px}footer>span{margin-left:auto}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#332219;color:white;padding:12px 20px;border-radius:999px;font-size:12px;opacity:0;pointer-events:none;transition:.3s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(255,154,84,0)}100%{box-shadow:0 0 0 0 rgba(255,154,84,0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-12px)}}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;padding-left:5vw;padding-right:5vw}.hero-visual{transform:scale(.9)}.feature-grid{grid-template-columns:1fr 1fr}.feature-primary{grid-row:span 2}.data-section{gap:5vw}.wardrobe{padding-left:5vw;padding-right:5vw}.stage-ring{width:410px;height:410px}.wardrobe-stage img{width:400px;height:400px}}
@media(max-width:800px){.site-header{height:68px;padding:0 18px}.site-header nav{display:none}.header-cta{padding:9px 13px}.hero{display:block;padding:125px 20px 80px;min-height:auto}.hero:after{background:linear-gradient(180deg,rgba(255,251,246,.96) 0%,rgba(255,251,246,.82) 48%,rgba(255,251,246,.12) 100%)}.hero-copy{text-align:center;margin:auto}.eyebrow{justify-content:center}.hero-actions,.trust-row{justify-content:center}.hero-visual{height:640px;margin-top:35px}.float-card-a{left:-5px}.float-card-b{right:-3px}.scroll-hint{display:none}.manifesto,.features{padding:90px 22px}.manifesto-grid{grid-template-columns:1fr;gap:30px}.big-number{display:block}.big-number p{margin:30px 0 0}.section-heading{display:block}.section-heading h2{text-align:left}.section-heading .section-index{margin-bottom:28px!important}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:490px}.feature-primary{grid-row:auto}.data-section{grid-template-columns:1fr;padding:90px 22px}.dashboard{margin-top:35px;transform:none;padding:18px}.wardrobe{grid-template-columns:1fr;padding:90px 22px}.wardrobe-stage{height:520px;margin-top:20px}.join{min-height:640px}.join h2{font-size:52px}footer{height:auto;padding:28px 22px;flex-wrap:wrap}footer p{width:100%;order:3;margin:0}footer>span{margin-left:auto}}
@media(max-width:480px){h1{font-size:52px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.trust-row{gap:8px}.hero-visual{transform:scale(.83);margin-left:-40px;margin-right:-40px;height:590px}.phone-shell{transform:none}.orbit-one{width:480px;height:480px}.orbit-two{width:400px;height:400px}.manifesto h2,.section-heading h2,.data-copy h2,.wardrobe h2{font-size:39px}.big-number>span{font-size:110px}.feature-card{padding:24px}.dash-header{grid-template-columns:1fr}.wardrobe-stage{height:440px}.stage-ring{width:340px;height:340px}.wardrobe-stage img{width:330px;height:330px}.stage-label{top:40px;left:-8px}.coin-tag{bottom:35px;right:-5px}.join h2{font-size:45px}.join-inner>small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.mini-code-card{width:330px;max-width:90vw;margin:25px auto 0;padding:12px;background:#fff;border-radius:22px;color:var(--brown);display:flex;align-items:center;gap:14px;text-align:left;box-shadow:0 20px 50px rgba(0,0,0,.24)}.mini-code-card img{width:104px;height:104px;border-radius:13px;object-fit:cover}.mini-code-card div{display:flex;flex-direction:column;gap:7px}.mini-code-card strong{font-size:15px}.mini-code-card span{font-size:10px;color:#9b887b;line-height:1.5}.mini-code-card+.copy-name{margin-top:14px}
.mini-code-card{width:500px;padding:14px 18px}.mini-code-card img{width:220px;height:180px;object-fit:contain}.mini-code-card strong{font-size:18px}.mini-code-card span{font-size:12px}@media(max-width:480px){.mini-code-card{width:350px;padding:10px;gap:10px}.mini-code-card img{width:170px;height:139px}.mini-code-card strong{font-size:14px}.mini-code-card span{font-size:9px}}