:root{--forest:#185738;--forest-dark:#0f442d;--ink:#263e30;--muted:#687569;--cream:#f7f5ee;--cream-deep:#f0eee5;--sage:#8eae82;--sage-light:#e5eddc;--sage-soft:#eff4e8;--border:#e1e5d9;--sun:#e8c68d;--radius:26px;--shadow:0 24px 70px rgba(40,57,34,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a9cc87;outline-offset:4px}.section-width{width:min(100% - 88px,1300px);margin-inline:auto}.visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip{position:absolute;top:-80px;left:12px;background:#fff;padding:12px;z-index:99}.skip:focus{top:10px}.announcement{height:35px;display:flex;justify-content:center;align-items:center;gap:9px;background:var(--forest);color:#fffdf4;font-size:11.5px;font-weight:500;letter-spacing:.015em}.announcement span:nth-child(2){opacity:.77}.announcement a{margin-left:8px;font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,255,255,.55);text-underline-offset:3px}.tiny-sparkle{color:#f7d28a;font-size:15px}.site-header{position:sticky;top:0;z-index:60;background:rgba(247,245,238,.87);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(32,76,48,.07)}.nav-shell{width:min(100% - 88px,1300px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;min-height:82px}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--forest);font-family:'Comfortaa',sans-serif;font-weight:600;font-size:27px;letter-spacing:-2px}.brand img{width:43px;height:43px;border-radius:14px;object-fit:cover}.brand-dot{color:#9bb57e}.main-nav{display:flex;align-items:center;gap:39px;margin-left:60px}.main-nav a{font-size:13px;font-weight:600;color:#4e6052;transition:color .2s}.main-nav a:hover{color:var(--forest)}.header-actions{display:flex;gap:12px;align-items:center}.nav-cta{background:var(--forest);color:white;border-radius:99px;display:inline-flex;align-items:center;gap:16px;padding:13px 19px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.nav-cta:hover,.button-primary:hover{transform:translateY(-2px);background:#0f452c}.menu-toggle{display:none;appearance:none;border:0;background:transparent;width:40px;height:40px;padding:10px}.menu-toggle span{display:block;height:2px;width:22px;background:var(--forest);margin:5px 0;border-radius:2px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:700;color:#55785b;display:flex;align-items:center;gap:11px}.eyebrow-dot{width:7px;height:7px;background:#80ad73;border-radius:100%;box-shadow:0 0 0 4px #e3ebdc}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Comfortaa',sans-serif;font-weight:500;letter-spacing:-.055em}h1 em,h2 em{font-style:normal;color:#78a071}.hero{min-height:780px;padding-top:112px;display:grid;grid-template-columns:49% 51%;position:relative;align-items:center}.hero-content{position:relative;z-index:3;padding-bottom:66px}.hero h1{font-size:clamp(48px,5.15vw,79px);line-height:1.19;letter-spacing:-.072em;margin:33px 0 28px;color:var(--forest)}.hero-copy{font-size:19px;line-height:1.78;color:#5c6a61;max-width:510px;letter-spacing:-.012em}.hero-copy strong{color:var(--forest);font-weight:700}.hero-buttons{display:flex;align-items:center;gap:19px;margin-top:35px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;border-radius:999px;padding:17px 25px;font-size:13.5px;font-weight:700;transition:transform .2s,background .2s}.button-primary{background:var(--forest);color:white;box-shadow:0 8px 21px rgba(21,74,47,.15)}.button-quiet{color:var(--forest);gap:10px}.button-quiet:hover{background:#ecf0e8}.circle-arrow{height:31px;width:31px;border-radius:50%;display:grid;place-items:center;background:#e4ebda;font-size:21px;font-family:serif}.reassurance{display:flex;gap:9px;align-items:center;color:#778376;font-size:12px;margin-top:35px}.star-mark{font-size:23px;color:#9fbd8d}.hero-visual{min-height:675px;height:675px;position:relative;isolation:isolate}.hero-halo{position:absolute;width:620px;height:600px;left:30px;top:7px;background:radial-gradient(ellipse at 50% 50%,#e3eddc 0,#edf1e7 45%,transparent 72%);border-radius:50%;z-index:-2}.hero-dot-track{position:absolute;width:420px;height:420px;border:1px solid rgba(110,152,103,.24);border-radius:50%;left:15px;top:93px;z-index:-1}.hero-phone{position:absolute;width:279px;right:34px;top:14px;box-shadow:0 35px 76px rgba(52,51,35,.23),0 0 0 8px rgba(255,255,255,.68);border-radius:40px;transform:rotate(5deg);z-index:1}.device{overflow:hidden;background:#eee;border:6px solid #faf9f5}.device img{display:block;width:100%;height:auto}.hero-monke{position:absolute;width:375px;height:auto;left:0;bottom:23px;z-index:2;filter:drop-shadow(0 22px 19px rgba(78,62,33,.15));transform:rotate(-4deg)}.hero-micro-card{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(255,254,249,.93);border:1px solid rgba(255,255,255,.95);border-radius:18px;padding:13px 16px;box-shadow:0 17px 35px rgba(38,66,44,.11);font-size:11px;color:#758477;line-height:1.5;z-index:4}.hero-micro-card strong{font-weight:700;color:var(--forest);font-size:13px}.hero-micro-top{top:91px;left:-3px;transform:rotate(-5deg)}.hero-micro-bottom{right:-2px;bottom:106px;transform:rotate(4deg)}.sparkle-icon{font-size:30px;color:#cba76b}.bubble-leaf{display:grid;place-items:center;color:#43845a;background:#edf4e7;width:37px;height:37px;border-radius:11px;font-size:23px}.hero-footer{position:absolute;bottom:10px;left:0;width:100%;display:flex;align-items:center;gap:29px;color:#a0aa9c;font-size:10px;letter-spacing:2.15px;font-weight:700}.hero-footer-line{height:1px;background:#dfe5d9;flex:1}.benefit-section{background:#f0f3ea;margin-top:55px;padding:115px 0 126px}.section-heading{text-align:center;max-width:650px;margin:0 auto 58px}.eyebrow-center{justify-content:center}.section-heading h2{font-size:clamp(40px,4.1vw,60px);line-height:1.24;color:var(--forest);margin:20px 0 19px}.section-heading>p:last-child{color:#6d786e;font-size:16px;line-height:1.75}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit-card{background:#fffef9;border:1px solid #e4e9dc;border-radius:26px;padding:38px 32px 35px;min-height:300px;box-shadow:0 5px 20px rgba(38,68,47,.027);transition:transform .25s,box-shadow .25s}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(41,61,44,.08)}.feature-icon{width:65px;height:65px;border-radius:18px;display:grid;place-items:center;color:#3d8054}.feature-icon svg{width:35px;height:35px}.icon-care{background:#f4e8e0}.icon-move{background:#e6edda}.icon-chat{background:#efe5ed}.benefit-card h3{font-size:22px;color:var(--forest);margin:28px 0 14px;letter-spacing:-.035em}.benefit-card p{font-size:14.5px;line-height:1.78;color:#728074;max-width:305px;margin:0}.story-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding-block:120px}.story-art{position:relative;min-height:570px;background:linear-gradient(145deg,#e4e9dc,#eff0e5 65%,#e7dccc);border-radius:42px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.story-ambient-circle{width:460px;height:460px;border-radius:50%;background:#f6f4eb;position:absolute;top:27px;left:50%;transform:translateX(-50%);opacity:.6}.story-image-glow{position:absolute;width:400px;height:200px;background:radial-gradient(ellipse,#e5d6b9,transparent 73%);bottom:18px}.story-art img{position:relative;width:390px;height:auto;z-index:1;max-height:515px;object-fit:contain;filter:drop-shadow(0 18px 15px rgba(66,65,43,.15))}.handwritten{position:absolute;top:70px;right:56px;font-family:'Comfortaa';font-size:20px;transform:rotate(8deg);color:#4f8058}.hand-doodle{font-size:32px;margin-right:6px}.floating-note{position:absolute;left:26px;bottom:32px;background:#fffdf6;border-radius:14px;padding:12px 18px;font-size:12px;z-index:3;color:#5c735a;box-shadow:0 10px 28px rgba(44,61,41,.12)}.floating-note span{color:#d6ae75;margin-right:5px}.story-copy{max-width:520px}.story-copy h2{font-size:clamp(41px,4.1vw,61px);line-height:1.24;color:var(--forest);margin:25px 0}.story-copy>p:not(.eyebrow){font-size:17px;line-height:1.85;color:#687569}.tick-list{list-style:none;margin:32px 0 29px;padding:0;display:grid;gap:15px}.tick-list li{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600;color:#48614d}.tick-list li span{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#e5efde;color:#4b925b;font-size:13px}.text-link{font-size:14px;color:var(--forest);font-weight:800;display:inline-flex;gap:13px;align-items:center;border-bottom:1px solid #8aa98f;padding-bottom:7px}.app-section{background:#f2eee5;padding:116px 0 132px}.app-heading{margin-bottom:60px}.app-showcase{min-height:630px;border-radius:40px;background:#e4eadd;display:grid;grid-template-columns:53% 47%;overflow:hidden;position:relative}.app-showcase-copy{padding:91px 60px 75px 80px;position:relative;z-index:2}.showcase-kicker{font-size:12px;letter-spacing:2px;font-weight:800;color:#6d916f;margin-bottom:20px}.app-showcase h3{font-size:clamp(32px,3vw,46px);line-height:1.28;color:var(--forest);max-width:480px;margin-bottom:20px}.app-showcase-copy>p:not(.showcase-kicker){max-width:445px;font-size:16px;line-height:1.75;color:#66796b;min-height:112px}.screen-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.screen-tab{border:1px solid #cfdac9;background:rgba(255,255,255,.39);color:#52715b;display:inline-flex;align-items:center;gap:9px;border-radius:99px;padding:12px 17px;font-weight:700;font-size:13px;transition:background .2s,color .2s}.screen-tab span{font-size:10px;opacity:.55}.screen-tab.active{background:var(--forest);border-color:var(--forest);color:#fff}.screen-tab:hover:not(.active){background:#fff}.showcase-detail{display:flex;align-items:center;gap:10px;margin-top:36px;color:#779077;font-size:13px}.detail-icon{font-size:23px;color:#7daa77}.app-showcase-visual{position:relative;display:flex;justify-content:center;align-items:flex-end;overflow:hidden}.showcase-ring{position:absolute;width:650px;height:650px;background:#eff3e8;border-radius:50%;bottom:-120px;left:0}.showcase-device{position:relative;width:290px;border-radius:40px;transform:translateY(50px) rotate(4deg);box-shadow:0 30px 70px rgba(35,60,43,.23);transition:transform .35s}.showcase-device:hover{transform:translateY(35px) rotate(0deg)}.showcase-sparkle{position:absolute;font-size:67px;color:#a7c5a2;right:10%;top:16%}.promise-section{text-align:center;padding:125px 20px 139px}.promise-emblem{height:60px;width:60px;border-radius:50%;background:#e9efdf;display:grid;place-items:center;color:#83aa7b;font-size:29px;margin:0 auto 27px}.promise-section .eyebrow{justify-content:center}.promise-section h2{color:var(--forest);font-size:clamp(30px,3.6vw,48px);line-height:1.45;margin:20px 0 24px}.promise-section p:last-child{max-width:570px;color:#6d796f;line-height:1.8;margin:0 auto;font-size:16px}.early-access-section{background:#1c5038;color:#fffdf4;overflow:hidden}.early-access-inner{min-height:520px;display:grid;grid-template-columns:58% 42%;position:relative;align-items:center}.early-copy{padding:95px 0 95px 15px;position:relative;z-index:2}.early-copy .eyebrow{color:#b7d09f}.early-copy h2{color:#fffdf2;font-size:clamp(46px,4.7vw,66px);line-height:1.25;margin:20px 0 23px}.early-copy h2 em{color:#bdd6ad}.early-copy>p:not(.eyebrow){max-width:510px;line-height:1.8;font-size:16px;color:#cadaca}.signup-form{margin-top:34px;background:white;display:flex;align-items:center;border-radius:999px;width:min(100%,540px);padding:6px;gap:6px;box-shadow:0 15px 35px rgba(0,0,0,.12)}.signup-form input{border:0;flex:1;min-width:0;background:transparent;padding:15px 20px;color:#183b29;outline:0;font-size:14px;border-radius:99px}.signup-form input:-webkit-autofill,.signup-form input:-webkit-autofill:hover,.signup-form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#183b29;caret-color:#183b29;border-radius:99px}.signup-form input:focus-visible{outline:2px solid #85b489;border-radius:99px}.signup-form button{background:#d9eacb;color:#174d32;border:0;border-radius:999px;padding:15px 20px;font-size:12px;font-weight:800;white-space:nowrap}.signup-form button:hover{background:#c3e0af}.signup-status{font-size:12px!important;color:#b8cfbc!important;margin:13px 0 0}.early-art{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center}.early-art-halo{position:absolute;background:#2b6045;opacity:.96;width:520px;height:520px;border-radius:50%;top:65px;left:8%;border:1px solid rgba(255,255,255,.06)}.early-art img{position:relative;width:360px;height:auto;max-height:485px;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(0,0,0,.18))}.site-footer{background:#f8f7f2}.footer-inner{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;color:#778275}.footer-brand{font-size:23px}.footer-brand img{height:38px;width:38px}.footer-inner a:not(.brand):hover{text-decoration:underline}
@media (max-width:1180px){.hero h1{font-size:clamp(49px,5.7vw,70px)}.hero-monke{width:315px;left:-10px}.hero-phone{width:247px;right:0}.hero-micro-bottom{right:-15px}.story-section{gap:65px}.app-showcase-copy{padding:70px 32px 60px 50px}.screen-tab{padding:11px 13px}}
@media (max-width:840px){.section-width,.nav-shell{width:min(100% - 44px,700px)}.announcement span:nth-child(2){display:none}.nav-shell{min-height:72px}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:24px;background:#f8f7f1;box-shadow:0 18px 30px rgba(40,60,40,.09);margin:0;flex-direction:column;align-items:flex-start;gap:24px}.main-nav.is-open{display:flex}.menu-toggle{display:block}.nav-cta{padding:11px 16px;font-size:12px}.hero{padding-top:65px;display:flex;flex-direction:column;min-height:auto;align-items:stretch}.hero-content{padding-bottom:0}.hero h1{font-size:clamp(48px,8vw,73px)}.hero-visual{height:590px;min-height:590px;width:100%;margin-top:10px}.hero-halo{left:50%;transform:translateX(-50%);width:560px;height:560px}.hero-dot-track{left:13%;top:50px}.hero-monke{left:14%;width:345px;bottom:0}.hero-phone{right:12%;width:260px}.hero-micro-top{left:6%;top:38px}.hero-micro-bottom{right:1%;bottom:70px}.hero-footer{position:relative;bottom:auto;margin:24px 0 30px}.benefit-section{margin-top:25px;padding:85px 0}.benefit-grid{grid-template-columns:1fr;gap:14px}.benefit-card{min-height:auto;padding:28px}.benefit-card h3{margin:14px 0 8px}.benefit-card p{max-width:540px}.story-section{padding-block:85px;grid-template-columns:1fr;gap:55px}.story-art{min-height:510px}.story-art img{max-height:465px;width:340px}.story-copy{max-width:620px}.app-section{padding:90px 0}.app-showcase{display:flex;flex-direction:column}.app-showcase-copy{padding:60px 44px 15px}.app-showcase-copy>p:not(.showcase-kicker){min-height:auto}.app-showcase-visual{height:570px}.showcase-device{width:268px}.early-access-inner{grid-template-columns:1fr}.early-copy{padding:80px 0 30px}.early-art{height:280px}.early-art-halo{height:430px;width:430px;top:0;left:50%;transform:translateX(-50%)}.early-art img{width:250px;max-height:280px}.footer-inner{padding:30px 0;flex-wrap:wrap}}
@media (max-width:520px){.section-width,.nav-shell{width:calc(100% - 38px)}.announcement{font-size:10.5px}.announcement a{margin-left:2px}.brand{font-size:24px}.brand img{width:38px;height:38px;border-radius:12px}.nav-cta{padding:11px 13px;font-size:11px;gap:6px}.nav-cta svg{display:none}.hero{padding-top:54px}.hero h1{font-size:clamp(43px,10vw,56px);margin-top:25px}.hero-copy{font-size:16px;line-height:1.73}.eyebrow{font-size:9.5px;letter-spacing:1.55px}.hero-buttons{gap:5px;margin-top:26px}.button{padding:14px 17px;font-size:12px}.reassurance{font-size:11px;margin-top:25px}.hero-visual{height:465px;min-height:465px;margin-top:22px}.hero-halo{height:445px;width:445px;top:0}.hero-dot-track{width:330px;height:330px;left:3%;top:80px}.hero-monke{width:240px;left:-5px;bottom:15px}.hero-phone{width:193px;right:13px;top:14px;border-radius:28px;border-width:4px}.hero-micro-top{top:20px;left:0;padding:9px 10px;font-size:9px}.hero-micro-top strong,.hero-micro-bottom strong{font-size:10px}.hero-micro-bottom{bottom:32px;right:0;padding:9px 10px;font-size:9px}.hero-footer{gap:10px;font-size:7px;letter-spacing:1.1px;margin-top:6px}.benefit-section{padding:72px 0}.section-heading{margin-bottom:38px}.section-heading h2{font-size:38px}.section-heading>p:last-child{font-size:14px}.benefit-card{border-radius:21px}.feature-icon{height:55px;width:55px}.benefit-card h3{font-size:20px}.story-section{padding-block:70px;gap:45px}.story-art{min-height:390px;border-radius:25px}.story-art img{height:350px;width:auto}.story-ambient-circle{width:335px;height:335px}.handwritten{font-size:14px;top:34px;right:24px}.floating-note{bottom:16px;left:14px;font-size:10px}.story-copy h2{font-size:43px}.story-copy>p:not(.eyebrow){font-size:15px}.app-section{padding:70px 0}.app-showcase{border-radius:24px}.app-showcase-copy{padding:35px 23px 0}.app-showcase h3{font-size:30px}.app-showcase-copy>p:not(.showcase-kicker){font-size:14px}.screen-picker{gap:7px}.screen-tab{font-size:11px;padding:10px 12px}.app-showcase-visual{height:490px}.showcase-device{width:215px;transform:translateY(43px) rotate(4deg)}.showcase-device:hover{transform:translateY(35px) rotate(0)}.showcase-ring{width:520px;height:520px;left:-100px}.promise-section{padding-block:88px}.promise-section h2{font-size:29px}.promise-section p:last-child{font-size:14px}.early-copy{padding:70px 0 30px}.early-copy h2{font-size:42px}.early-copy>p:not(.eyebrow){font-size:14px}.signup-form{border-radius:21px;flex-direction:column;align-items:stretch;padding:7px}.signup-form input,.signup-form input:-webkit-autofill{padding:14px 16px;border-radius:14px}.signup-form button{padding:14px;border-radius:14px}.footer-inner{gap:17px;font-size:12px}.footer-inner>span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Decorative halos may extend beyond narrow viewports; never create side scrolling. */
body{overflow-x:clip}
@media (max-width:520px){.hero-halo{width:100%}}

/* v2 — richer story without sacrificing the friendship-first concept */
.growth-section{padding:104px 0 105px;background:#f1f1e9;border-top:1px solid #e5e9db;border-bottom:1px solid #e6eadf}
.growth-section .section-heading{margin-bottom:47px}.growth-section .section-heading h2{font-size:clamp(34px,3.8vw,54px)}
.growth-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;align-items:end;position:relative}
.growth-track:before{content:"";position:absolute;left:8%;right:8%;height:1px;bottom:60px;background:#cddbc9}
.growth-stage{min-width:0;text-align:center;position:relative}
.growth-image{height:215px;width:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}
.growth-image:before{content:"";position:absolute;bottom:9px;background:#e1eadb;width:155px;max-width:90%;height:155px;border-radius:50%}
.growth-image img{object-fit:contain;max-width:90%;max-height:190px;position:relative;filter:drop-shadow(0 10px 6px rgba(39,56,35,.075))}
.growth-stage:first-child .growth-image img{max-height:115px}.growth-stage:nth-child(2) .growth-image img{max-height:147px}.growth-stage:nth-child(3) .growth-image img{max-height:160px}.growth-stage:nth-child(4) .growth-image img{max-height:178px}
.growth-stage>span{display:block;color:#79917d;font-size:11px;font-weight:700;letter-spacing:.045em;margin:22px 0 9px}
.growth-stage h3{font-size:18px;letter-spacing:-.03em;color:var(--forest);margin:0}
.growth-caption{text-align:center;color:#788777;margin:38px auto 0;max-width:550px;line-height:1.7;font-size:13px}

.closet-section{padding:132px 0 142px;background:#f8f6ef;overflow:hidden}
.closet-layout{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0,1.1fr);gap:90px;align-items:center}
.closet-copy h2,.quests-intro h2,.friends-section h2{font-size:clamp(38px,4.3vw,60px);line-height:1.25;letter-spacing:-.065em;color:var(--forest);margin:23px 0 26px}
.closet-copy h2 em,.quests-intro h2 em,.friends-section h2 em{font-style:normal;color:#80a17a}
.closet-copy>p:not(.eyebrow),.quests-intro>p:not(.eyebrow),.friends-section>p:not(.eyebrow){font-size:17px;line-height:1.9;color:#657466;max-width:530px}
.closet-points{display:grid;gap:16px;margin:33px 0 35px}
.closet-points span{font-weight:600;font-size:14px;color:#465f4e;display:flex;align-items:center;gap:13px}
.closet-points i{font-size:16px;font-style:normal;background:#e6efde;color:#6e9a70;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}
.closet-display{position:relative;padding:5px 0 30px;min-width:0}
.closet-app{width:min(100%,460px);padding:26px 27px 25px;background:linear-gradient(145deg,#e6eddd,#dce8d8);border:1px solid #dae5d5;border-radius:34px;margin:0 auto;box-shadow:0 35px 65px rgba(33,63,36,.13);position:relative;z-index:1;transition:background-color .35s}
.closet-app[data-mode="poses"]{background:linear-gradient(145deg,#e4ecdf,#e0eadd)}
.closet-app[data-mode="backdrops"]{background:linear-gradient(145deg,#e9eee4,#e9e4d8)}
.closet-app-top{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;letter-spacing:1.2px;font-weight:800;color:#698271}
.closet-app-mini{display:flex;align-items:center;gap:8px}.closet-dot{height:8px;width:8px;background:#6a956e;border-radius:50%}
.closet-coins{background:rgba(255,255,255,.7);border-radius:999px;letter-spacing:0;font-size:11px;padding:8px 14px;color:#647663}
.closet-coins strong{font-weight:700}
.closet-app-heading{text-align:center;margin:24px auto 15px}
.closet-app-heading>span{color:#809780;font-size:9px;letter-spacing:1.8px;font-weight:800}
.closet-app-heading h3{font-size:28px;color:#25573a;letter-spacing:-.06em;margin:9px 0 0}
.closet-stage{height:330px;border-radius:25px;background:radial-gradient(circle at 50% 67%,#f8f1e7 0%,#f1eee4 42%,#e8e8db 85%);position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.closet-stage-arch{position:absolute;width:250px;height:295px;top:20px;background:#eee5d6;border-radius:130px 130px 0 0;box-shadow:inset 0 2px 14px rgba(255,255,255,.6)}
.closet-stage img{z-index:2;position:relative;height:295px;width:auto;object-fit:contain;filter:drop-shadow(0 9px 6px rgba(73,64,48,.14))}
.closet-stage-label{position:absolute;z-index:2;bottom:13px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:700;color:#4e694e;background:rgba(251,250,243,.9);padding:8px 13px;border-radius:99px}
.closet-category-pickers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}
.closet-category{min-width:0;border-radius:999px;padding:13px 8px;font-size:12px;font-weight:700;border:1px solid #c4d3bf;color:#507055;background:rgba(255,255,255,.54);transition:all .2s}
.closet-category.is-selected{color:white;background:var(--forest);border-color:var(--forest)}
.closet-category:hover:not(.is-selected){background:white}
.closet-description{text-align:center;font-size:12px;line-height:1.65;color:#627d65;min-height:37px;padding-top:17px}
.closet-side-note{position:absolute;top:100px;right:-44px;z-index:2;transform:rotate(8deg);font-family:'Comfortaa',sans-serif;color:#476348;font-size:14px;line-height:1.4;padding:18px 20px;border-radius:17px;background:#fffdf6;box-shadow:0 12px 32px rgba(33,63,36,.09)}
.closet-side-note span{color:#91b27d;font-size:22px;margin-right:5px}
.closet-preview-note{text-align:center;margin:13px 0 0;font-size:10px;color:#839184}

.quests-section{background:#e9eee2;padding:115px 0}
.quests-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:120px;align-items:center}
.quest-stack{background:#f9f8f1;padding:22px;border-radius:30px;box-shadow:0 15px 43px rgba(52,78,52,.06)}
.quest-row{display:flex;align-items:center;gap:18px;background:white;border:1px solid #edf0e7;border-radius:19px;margin:0 0 11px;padding:17px 19px}
.quest-symbol{width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#edf3e7;color:var(--forest);font-family:Arial,sans-serif;display:grid;place-items:center;font-size:23px}
.quest-row>div{display:grid;gap:6px;flex:1}.quest-row strong{font-family:'Comfortaa',sans-serif;font-size:15px;letter-spacing:-.03em;color:#255239}
.quest-row>div span{font-size:12px;color:#718271}
.quest-gain{height:32px;width:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:#f7ecd4;color:#b58e49;font-size:20px}
.quest-footnote{font-size:12px;color:#788977;padding:7px 8px 0;margin-bottom:0;line-height:1.7}
.friends-section{text-align:center;padding:115px 20px 125px}
.friends-section .eyebrow{justify-content:center}.friends-section>p:not(.eyebrow){margin:0 auto;text-align:center;max-width:530px}
.friends-motif{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#e9f1e2;color:#75a077;margin:0 auto 20px;font-size:32px}
.screen-tab small{font-size:9px;opacity:.66;margin-left:-3px}

@media(max-width:980px){.closet-layout{gap:35px}.closet-side-note{right:-16px}.quests-layout{gap:45px}}
@media(max-width:840px){.growth-section{padding:84px 0}.growth-track{gap:10px}.growth-image{height:180px}.growth-image:before{width:130px;height:130px}.growth-image img{max-height:155px}.growth-stage:first-child .growth-image img{max-height:98px}.growth-stage h3{font-size:14px}.closet-section{padding:89px 0}.closet-layout{grid-template-columns:1fr;gap:35px}.closet-copy{max-width:600px}.closet-app{width:min(100%,470px)}.closet-side-note{right:5%}.quests-section{padding:80px 0}.quests-layout{grid-template-columns:1fr;gap:20px}.quest-stack{max-width:600px}.friends-section{padding:90px 22px}}
@media(max-width:580px){.growth-section .section-heading h2{font-size:33px}.growth-track{grid-template-columns:repeat(3,1fr);row-gap:25px}.growth-track:before{display:none}.growth-image{height:145px}.growth-image:before{width:116px;height:116px}.growth-image img{max-height:131px}.growth-stage:first-child .growth-image img{max-height:90px}.growth-stage:nth-child(2) .growth-image img{max-height:115px}.growth-stage:nth-child(3) .growth-image img{max-height:127px}.growth-stage:nth-child(4) .growth-image img{max-height:135px}.growth-stage>span{margin:12px 0 7px;font-size:10px}.growth-stage h3{font-size:13px}.growth-caption{margin-top:26px}.closet-copy h2,.quests-intro h2,.friends-section h2{font-size:37px}.closet-copy>p:not(.eyebrow),.quests-intro>p:not(.eyebrow),.friends-section>p:not(.eyebrow){font-size:15px}.closet-app{border-radius:27px;padding:21px 19px}.closet-stage{height:305px}.closet-stage img{height:275px}.closet-stage-arch{height:275px}.closet-side-note{display:none}.closet-category{font-size:11px}.quest-row{padding:13px}.quest-symbol{width:41px;height:41px;flex-basis:41px}.quest-row strong{font-size:13px}.quest-footnote{font-size:11px}.friends-section{padding:85px 12px}}

.hero-build-caption{position:absolute;right:43px;top:605px;z-index:4;font-size:10px;color:#65806b;background:rgba(248,248,239,.88);padding:8px 12px;border-radius:99px;box-shadow:0 6px 17px rgba(35,55,38,.06)}
@media(max-width:840px){.hero-build-caption{right:12%;top:520px}}
@media(max-width:520px){.hero-build-caption{right:8px;top:414px;font-size:8px}}

/* v3: user-requested source-art slots. Never substitute the old adult or a fabricated pose. */
.asset-slot{position:relative}
.asset-slot img.replaceable-art{display:block}
.asset-slot.has-asset img.replaceable-art{display:block}
.asset-slot .asset-fallback{display:none}
.asset-slot.asset-error img.replaceable-art{display:none}
.asset-slot.asset-error .asset-fallback{display:flex}
.asset-fallback{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#52755b;font:600 11px/1.5 'Comfortaa',sans-serif}
.asset-fallback .fallback-spark{font:normal 36px/1 sans-serif;color:#87ac7c}
.growth-asset-fallback{width:153px;height:160px;border:1.5px dashed #bfceba;background:#e6eee1;border-radius:46% 46% 32% 32%;margin:0 auto 8px}
.growth-stage:last-child .growth-image:before{display:none}
.closet-asset-fallback{height:230px;width:220px;border-radius:110px 110px 35px 35px;background:rgba(248,247,237,.7);border:1.5px dashed #bdcdb7;margin-bottom:35px}
.closet-stage .asset-fallback{margin-left:auto;margin-right:auto}
.shop-preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;width:100%;height:100%;min-height:540px;padding:36px 22px;background:linear-gradient(145deg,#e6eee0,#f6f2e8);color:#27543b;text-align:center}
.shop-preview-placeholder[hidden]{display:none}
.shop-bag-icon{display:grid;place-items:center;width:95px;height:95px;background:#d9e8d6;border-radius:30px;color:#3b7350}
.placeholder-title{font:600 clamp(26px,3vw,35px)/1.2 'Comfortaa',sans-serif}
.placeholder-copy{font:400 14px/1.9 'DM Sans',sans-serif;color:#68846f}
#screen-image[hidden]{display:none}
@media(max-width:580px){.growth-asset-fallback{width:105px;height:110px;font-size:9px}.growth-asset-fallback .fallback-spark{font-size:21px}.closet-asset-fallback{height:220px;width:190px}.shop-preview-placeholder{min-height:490px}}


/* v4: authentic Closet screenshot instead of a fabricated in-browser wardrobe mockup */
.closet-screenshot-wrap{max-width:580px;width:100%;margin-inline:auto;padding:0 0 18px}
.closet-shot-frame{position:relative;width:min(100%,535px);min-height:490px;margin-inline:auto;overflow:hidden;border:1px solid #d9e1d3;border-radius:32px;background:linear-gradient(160deg,#e7ebde,#f2ede4);box-shadow:0 30px 65px rgba(35,67,41,.13)}
.closet-shot{display:none;width:100%;height:auto;max-height:none;object-fit:contain;object-position:top;}
.closet-shot-frame.has-screenshot{min-height:0}
.closet-shot-frame.has-screenshot .closet-shot{display:block}
.closet-shot-frame.has-screenshot .closet-shot-placeholder{display:none}
.closet-shot-placeholder{min-height:490px;padding:52px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;text-align:center;color:#47664c}
.closet-shot-placeholder .placeholder-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#899e83}
.closet-shot-placeholder .closet-placeholder-symbol{font-size:45px;color:#9cb897;line-height:1;margin:16px 0}
.closet-shot-placeholder strong{font-family:Comfortaa, sans-serif;font-size:24px;color:#20583a;font-weight:600}
.closet-shot-placeholder span:last-child{font-size:13px;line-height:1.7;color:#758a78;max-width:285px}
.closet-shot-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:535px;margin:16px auto 0;color:#7c8e80;font-size:12px}
.closet-screenshot-label{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.07em;font-weight:700;color:#57745c}
.shot-label-dot{width:7px;height:7px;border-radius:50%;background:#86aa7f;flex-shrink:0}
@media(max-width:580px){.closet-shot-frame{border-radius:25px;min-height:380px}.closet-shot-placeholder{min-height:380px;padding:32px 20px}.closet-shot-bottom{font-size:11px}.closet-screenshot-label{font-size:9px}.closet-section{padding-bottom:80px}}
/* Keep deliberately offset hero art from creating horizontal scrolling on narrow phones. */
html, body { overflow-x: clip; }

/* v5: original user-supplied MKND Closet crop, ending just after item cards. */
.closet-shot-frame{width:min(100%,490px)}
.closet-shot-bottom{max-width:490px}
@media(max-width:580px){.closet-shot-frame{width:100%}}

/* v6: Shop is the initial real showcase screen, not loaded through a hidden-state race. */
#screen-image {display:block;width:100%;height:auto}
#screen-image[hidden]{display:none}

/* Keyboard focus: the page had no visible focus ring. */
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #2f7a4b;outline-offset:3px;border-radius:6px}

/* Long-form pages: /privacy and /terms */
.legal-nav{display:flex;gap:26px;font-size:14px;font-weight:600;color:var(--forest)}
.legal-nav a:hover,.legal-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
.legal{width:min(100% - 44px,720px);margin:0 auto;padding:64px 0 96px;font-size:17px;line-height:1.7;color:var(--ink)}
.legal h1{font-size:clamp(34px,5vw,48px);line-height:1.15;color:var(--forest);margin:0 0 10px}
.legal-updated{color:var(--muted);font-size:14px;margin:0 0 36px}
.legal h2{font-size:clamp(24px,3vw,30px);line-height:1.25;color:var(--forest);margin:52px 0 14px;scroll-margin-top:100px}
.legal h3{font-size:19px;line-height:1.3;color:var(--forest);margin:30px 0 10px}
.legal p{margin:0 0 16px}
.legal ul,.legal ol{margin:0 0 18px;padding-left:1.4em}
.legal li{margin:0 0 8px}
.legal a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}
.legal table{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:15px;line-height:1.5}
.legal th,.legal td{text-align:left;vertical-align:top;padding:11px 12px 11px 0;border-bottom:1px solid var(--border)}
.legal th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media (max-width:520px){.legal{font-size:16px;padding:44px 0 72px}.legal table{font-size:14px}.legal th,.legal td{padding-right:8px}.legal-nav{gap:16px;font-size:13px}}
.signup-form .hp-field{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;padding:0;opacity:0}