/* One shared outer width for every homepage section. */
.modoo-home{--home-width:min(88%,1440px)}
.modoo-home main>section{width:var(--home-width);max-width:none;margin-left:auto;margin-right:auto;min-width:0}
.modoo-home main>.official-categories,.modoo-home main>.official-products,.modoo-home main>.how,.modoo-home main>.faq{padding-left:0;padding-right:0}
.modoo-home main>.official-hero{margin-top:24px;border-radius:6px;overflow:hidden}
.modoo-home .official-hero-copy{padding-left:clamp(24px,3vw,48px);padding-right:clamp(24px,3vw,48px)}
.modoo-home main>.partner{padding-left:clamp(24px,4vw,64px);padding-right:clamp(24px,4vw,64px);border-radius:6px}
@media(max-width:650px){.modoo-home main>.official-hero{margin-top:16px}.modoo-home main>.business{padding-left:24px;padding-right:24px}}
/* Seller invitation hero; the whole banner is one accessible link. */
.modoo-home main>.seller-invite{display:block;background:#f0f2e7;border:1px solid #e0e5d5;border-radius:10px}
.seller-invite-link{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;padding:48px clamp(25px,4vw,65px);color:#244737}
.seller-invite-link:focus-visible{outline:3px solid #64824b;outline-offset:4px}
.invite-copy{min-width:0}.invite-eyebrow{font-size:9px;letter-spacing:.12em;font-weight:700;color:#7b8b69;display:block}.invite-kicker{display:block;font-size:13px;margin:25px 0 15px}
.seller-invite h1{font-size:clamp(35px,4.4vw,65px);letter-spacing:-.065em;line-height:1.22;margin:0 0 23px;font-weight:800}.seller-invite h1 em{font-style:normal;background:linear-gradient(transparent 56%,#cfddb8 56%);padding-right:5px}
.invite-english{display:block;font-size:clamp(12px,1.4vw,18px);letter-spacing:.13em;font-weight:700;color:#879875}.seller-invite .invite-copy p{font-size:13px;line-height:1.9;color:#6b7d65;margin:23px 0}
.invite-button{display:inline-flex;align-items:center;gap:32px;padding:16px 23px;background:#244d3c;color:#fff;border-radius:40px;font-size:13px;font-weight:600}.invite-button b{font-size:19px;font-weight:400}.seller-invite-link:hover .invite-button{background:#426548}.invite-copy>small{display:block;font-size:10px;color:#7f8d74;margin-top:15px}
.invite-art{position:relative;min-width:0;padding:24px 10px 30px}.invite-orbit{font-size:clamp(17px,2vw,27px);letter-spacing:-.03em;font-weight:800;color:#92a77b;text-align:center;margin-bottom:22px}.invite-shop{background:#fffdf5;border:1px solid #d8dfcd;padding:27px;border-radius:12px;transform:rotate(3deg);box-shadow:9px 12px 0 #dce3cd}.invite-shop-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.1em;color:#859475}.invite-shop-top>span+span{font-size:24px}.invite-shop>strong{display:block;font-size:clamp(25px,2.8vw,40px);line-height:1.25;letter-spacing:-.06em;margin-top:14px}.seller-invite .invite-shop>p{font-size:11px;margin:12px 0 20px;color:#8a947e}.invite-shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invite-shop-grid div>span{display:grid;place-items:center;aspect-ratio:1.25;font-size:45px;background:#efdfcc;border-radius:6px}.invite-shop-grid div+div>span{background:#dce6cc}.invite-shop-grid b{font-size:9px;display:block;margin-top:9px;font-weight:500}.invite-shop-bottom{display:flex;justify-content:space-between;border-top:1px solid #e7e9dc;margin-top:20px;padding-top:15px;font-size:9px;color:#73846b}.invite-sticker{position:absolute;right:-5px;bottom:43px;transform:rotate(-8deg);background:#edc8ac;padding:12px 18px;font-size:11px;font-weight:600;line-height:1.6;border-radius:3px}.invite-art>small{display:block;text-align:center;font-size:8px;color:#8a947e;margin-top:25px}
@media(max-width:950px){.seller-invite-link{gap:20px;padding:35px 28px}.invite-shop{padding:22px}.invite-eyebrow{font-size:8px}.invite-sticker{right:-8px;font-size:10px}}
@media(max-width:650px){.seller-invite-link{grid-template-columns:1fr;gap:18px;padding:30px 24px}.seller-invite h1{font-size:43px}.invite-kicker{margin-top:22px}.invite-art{width:100%;max-width:340px;margin:auto;padding-top:10px}.invite-orbit{font-size:23px}.invite-shop>strong{font-size:30px}.invite-shop-grid div>span{font-size:40px}.invite-copy>small{font-size:9px}.seller-invite .invite-copy p{font-size:12px}.invite-art>small{font-size:8px}.invite-sticker{right:0}}
@media(min-width:651px) and (max-width:1100px){.modoo-home header{height:auto;flex-wrap:wrap;padding-top:18px;padding-bottom:16px;gap:15px}.modoo-home header nav{order:3;flex-basis:100%;justify-content:space-between;gap:14px;border-top:1px solid #e2e5dc;padding-top:14px}.modoo-home header nav>a{white-space:nowrap}}

/* Video slot outside the banner navigation link. */
.invite-copy{display:block}.invite-video-art{padding:15px 0;align-self:center}.invite-video{display:block;width:100%;aspect-ratio:4/5;object-fit:contain;background:#233e31;border-radius:12px;box-shadow:9px 12px 0 #dce3cd}.invite-video-placeholder{aspect-ratio:4/5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center;border:1px solid #d0dbc2;border-radius:12px;background:linear-gradient(145deg,#e0e9d1,#fffaf0 65%,#efd8c2);box-shadow:9px 12px 0 #dce3cd;padding:25px}.video-label{font-size:10px;letter-spacing:.15em;color:#7c906e}.video-play{display:grid;place-items:center;width:65px;height:65px;border:1px solid #96a789;border-radius:50%;font-size:30px;color:#547248}.invite-video-placeholder strong{font-size:clamp(23px,2.7vw,36px);line-height:1.45;letter-spacing:-.055em}.video-coming{font-size:11px;color:#7c8a70}.invite-copy:focus-visible{outline:3px solid #64824b;outline-offset:8px;border-radius:6px}.invite-copy:hover .invite-button{background:#426548}@media(max-width:650px){.invite-video-art{max-width:340px;width:100%;margin:auto}.invite-video,.invite-video-placeholder{aspect-ratio:4/5}}

.main-momo{display:flex;align-items:center;gap:13px;margin-top:24px}.main-momo img{width:108px;height:116px;flex:none}.main-momo span{font-size:12px;color:#7c8e6d;line-height:1.9;border-left:1px solid #cbd7ba;padding-left:15px}.main-momo b{color:#466440;font-weight:600}@media(max-width:650px){.main-momo{margin-top:20px}.main-momo img{width:95px;height:102px}.main-momo span{font-size:11px}}
/* Main banner mascot greets visitors; only transform is animated. */
.main-momo img{transform-origin:50% 100%;animation:main-momo-greeting 5s ease-in-out infinite}
@keyframes main-momo-greeting{0%,55%,100%{transform:translateY(0) rotate(0)}10%{transform:translateY(-5px) rotate(-5deg)}20%{transform:translateY(-2px) rotate(5deg)}30%{transform:translateY(-5px) rotate(-4deg)}40%{transform:translateY(0) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.main-momo img{animation:none}}

/* Three times the previous mascot size, with its own hand/eye animation. */
.main-momo{justify-content:center;align-items:center;flex-direction:column;gap:0;margin-top:26px;width:100%}.main-momo img{width:324px;height:348px;max-width:100%;object-fit:contain;animation:main-momo-float 4s ease-in-out infinite}.main-momo span{border:0;padding:0;text-align:center;font-size:12px;margin-top:-5px}@keyframes main-momo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:650px){.main-momo img{width:285px;height:306px}.main-momo{margin-top:24px}}@media(prefers-reduced-motion:reduce){.main-momo img{animation:none}}

/* Compact two-column hero with a small corner mascot. */
.modoo-home main>.seller-invite{background:linear-gradient(115deg,#f1f3e8,#e8eddf);border-radius:16px}
.seller-invite-link{grid-template-columns:1.12fr 1fr;gap:65px;padding:38px 45px;align-items:center}
.invite-copy{padding:15px 0}.seller-invite h1{font-size:clamp(35px,3.7vw,54px);line-height:1.22;margin-bottom:20px}
.invite-kicker{margin:23px 0 14px}.seller-invite .invite-copy p{margin:20px 0;font-size:12px}.invite-english{font-size:13px}.invite-button{font-size:12px;padding:14px 21px}.invite-copy>small{font-size:9px;margin-top:13px}
.invite-video-art{position:relative;padding:0 0 34px!important;align-self:center}
.seller-invite .seller-journey{padding:20px;background:#fffef8;box-shadow:7px 9px 0 #d5dfc7;border-radius:12px}
.seller-invite .journey-stage{height:380px;margin-top:20px}.seller-invite .journey-scene h3{font-size:30px;margin:12px 0 18px}.seller-invite .journey-window{padding:14px;min-height:190px}.seller-invite .journey-scene>p{font-size:9px!important}.seller-invite .journey-caption{font-size:7px}.seller-invite .journey-progress{margin-top:5px}
.main-momo{position:absolute;left:-50px;bottom:-8px;width:130px;margin:0;gap:0;pointer-events:none;z-index:2}.main-momo img{width:130px;height:140px;filter:drop-shadow(0 5px 3px #24473715)}.main-momo span{display:none}
@media(min-width:1101px){.seller-invite-link{padding:42px 60px;gap:100px}.main-momo{left:-65px;width:155px;bottom:-12px}.main-momo img{width:155px;height:166px}}
@media(max-width:650px){.seller-invite-link{grid-template-columns:1fr;padding:29px 24px 32px;gap:30px}.invite-copy{padding:0}.seller-invite h1{font-size:40px}.invite-eyebrow{font-size:7px}.invite-kicker{margin-top:18px}.invite-video-art{max-width:350px;width:100%;padding-bottom:35px!important}.seller-invite .journey-stage{height:390px}.seller-invite .journey-scene h3{font-size:29px}.main-momo{left:-15px;bottom:-12px;width:110px}.main-momo img{width:110px;height:118px}.seller-invite .journey-caption{padding-left:35px}}
@media(min-width:651px){.main-momo{left:-132px;bottom:0;width:125px}.main-momo img{width:125px;height:134px}}
@media(min-width:1101px){.main-momo{left:-154px;width:145px}.main-momo img{width:145px;height:155px}}
@media(max-width:650px){.main-momo{position:static;width:90px;margin:12px 0 -20px auto}.main-momo img{width:90px;height:97px}.seller-invite .journey-caption{padding-left:0}}

/* Seller-only advertising creative, separate from recruitment. */
.seller-ad{margin-top:24px;border-radius:14px;overflow:hidden;background:#244a3c;color:#fffaf0}
.seller-ad-link{display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:center;padding:45px 50px;min-height:390px}
.seller-ad-label{font-size:9px;font-weight:600;letter-spacing:.14em;color:#bdcfa8;display:block}.seller-ad-kicker{display:block;font-size:12px;margin-top:28px;color:#d4decb}
.seller-ad h1{font-size:clamp(34px,3.8vw,54px);letter-spacing:-.065em;line-height:1.3;margin:16px 0 18px;color:#fffaf0}
.seller-ad-copy p{font-size:13px;line-height:1.9;color:#c5d0bd;margin:0 0 23px}.seller-ad-cta{display:inline-block;background:#deebc4;border-radius:30px;padding:15px 23px;color:#294a36;font-size:12px;font-weight:700}.seller-ad-copy small{display:block;color:#a9bca0;font-size:8px;margin-top:15px}
.seller-ad-art{position:relative;padding:10px 12px 25px}.seller-ad-word{display:block;font-size:clamp(46px,6vw,80px);font-weight:800;line-height:.95;letter-spacing:-.06em;color:#89a37c}.seller-ad-card{position:absolute;right:0;bottom:30px;padding:23px;background:#efcfad;color:#35503c;transform:rotate(6deg);border-radius:6px;width:65%;min-height:175px;box-shadow:9px 10px 0 #193b2e70}.seller-ad-card>span:first-child{font-size:7px;letter-spacing:.1em}.seller-ad-card b{display:block;font-size:24px;line-height:1.4;letter-spacing:-.06em;margin-top:18px}.seller-ad-arrow{display:block;text-align:right;font-size:30px}.seller-ad-tag{font-size:8px;letter-spacing:.13em;display:block;margin-top:25px;color:#aec09f}.seller-ad-link:hover .seller-ad-cta{background:#edf6db}
@media(max-width:650px){.seller-ad-link{grid-template-columns:1fr;padding:30px 25px;gap:25px;min-height:0}.seller-ad h1{font-size:38px}.seller-ad-kicker{margin-top:22px}.seller-ad-copy p{font-size:12px}.seller-ad-art{max-width:340px;width:100%;margin:auto;padding:5px 10px 10px}.seller-ad-word{font-size:64px}.seller-ad-card{width:62%;min-height:155px;bottom:20px}.seller-ad-card b{font-size:22px}.seller-ad-tag{margin-top:20px}}