:root{--hero-green:#18b85a;--hero-deep:#073d2c;--hero-mint:#e9faef;--hero-line:#d7ece0}.site-header{height:82px;padding:0 clamp(18px,4vw,58px);gap:34px;background:rgba(250,255,252,.9);border-bottom:1px solid rgba(7,61,44,.08);box-shadow:0 5px 24px rgba(7,61,44,.045);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;flex:none}.brand-logo{width:176px;height:62px;object-fit:contain;object-position:left center;display:block}.desktop-nav{height:42px;align-items:center;gap:4px;padding:4px;background:rgba(232,248,238,.72);border:1px solid #dceee3;border-radius:14px}.desktop-nav a{padding:9px 13px;border-radius:10px;font-size:11px;color:#61776e;transition:.2s}.desktop-nav a.active,.desktop-nav a:hover{background:#fff;color:#087d46;box-shadow:0 3px 10px rgba(12,91,53,.07)}.header-actions{gap:9px}.mini-search{width:210px;height:40px;border-radius:12px;background:#fff;box-shadow:0 4px 15px rgba(17,73,45,.045)}.header-link{height:40px;display:inline-flex;align-items:center;padding:0 15px;border:1px solid #d4e9dc;border-radius:11px;background:#fff;color:#176746;font-size:11px}.header-link:hover{background:#e8f8ee}.hero{position:relative;width:min(1240px,calc(100% - 28px));min-height:600px;margin:20px auto 8px;padding:62px clamp(25px,5vw,68px);grid-template-columns:minmax(0,1fr) minmax(470px,.9fr);gap:54px;border:1px solid #dceee4;border-radius:34px;background:radial-gradient(circle at 78% 22%,rgba(166,235,188,.5),transparent 25%),linear-gradient(135deg,#f4fcf7 0%,#e7f9ed 55%,#effbf3 100%);box-shadow:0 25px 70px rgba(18,91,53,.09);overflow:hidden}.hero:before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;right:-170px;bottom:-270px;background:rgba(24,184,90,.08);pointer-events:none}.hero-copy{position:relative;z-index:3;align-self:center}h1{max-width:720px;margin:21px 0 19px;font-size:clamp(48px,5.5vw,72px);line-height:.96;letter-spacing:-4px}.hero-kicker{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.82);border:1px solid #d4eadc;color:#16804f;font-size:10px;font-weight:800;letter-spacing:.16em}.hero-copy>p{max-width:610px;font-size:15px;line-height:1.8;color:#5b7180}.hero-search{height:62px;margin-top:30px;border-radius:16px;padding-left:18px;box-shadow:0 14px 35px rgba(19,88,52,.09);border-color:#d3e9db}.hero-search button{height:46px;padding:0 22px;border-radius:12px;background:#16b85a;box-shadow:0 8px 18px rgba(22,184,90,.2)}.hero-search input{font-size:13px}.hero-art{height:500px;min-height:500px;align-self:center;display:flex;align-items:center;justify-content:center}.hero-pack-frame{width:min(560px,100%);height:460px;padding:30px;gap:14px;border-radius:30px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.9);box-shadow:0 28px 55px rgba(22,92,53,.12);backdrop-filter:blur(10px)}.hero-pack-frame:before{width:310px;height:310px;background:rgba(255,255,255,.52)}.hero-character{padding:5px}.hero-character img{max-width:235px;max-height:215px;width:100%;height:100%;filter:drop-shadow(0 18px 16px rgba(10,61,37,.18));transform:scale(1.08)}.hero-character-1{transform:translate(-8px,-8px) rotate(-4deg)}.hero-character-2{transform:translate(8px,-8px) rotate(4deg)}.hero-character-3{transform:translate(-8px,8px) rotate(3deg)}.hero-character-4{transform:translate(8px,8px) rotate(-3deg)}.hero-pack-caption{bottom:14px;min-width:220px;padding:10px 16px;border-radius:15px;box-shadow:0 12px 30px rgba(15,76,44,.13)}.hero-pack-caption strong{font-size:13px}.market{padding-top:38px}.market-top h2{font-size:32px}.creator-banner{border-radius:28px;background:linear-gradient(135deg,#18b85a,#0ea34e)}@media(max-width:950px){.site-header{height:72px}.hero{grid-template-columns:1fr;min-height:auto;padding:46px 28px 36px;gap:10px}.hero-copy{text-align:center;margin:auto}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-search{margin-left:auto;margin-right:auto}.hero-art{height:430px;min-height:430px;max-width:590px;margin:0 auto}.hero-pack-frame{height:400px}.desktop-nav{display:none}.mini-search{display:none}.header-link{display:inline-flex}}@media(max-width:620px){.site-header{height:68px;padding:0 13px}.brand-logo{width:145px;height:50px}.header-link{display:none}.hero{width:calc(100% - 16px);margin-top:10px;padding:34px 15px 20px;border-radius:25px}.hero h1{font-size:45px;letter-spacing:-2.7px}.hero-copy>p{font-size:13px;line-height:1.7}.hero-search{height:56px;margin-top:22px;padding-left:13px}.hero-search button{height:42px;padding:0 15px}.hero-art{height:340px;min-height:340px}.hero-pack-frame{height:310px;padding:17px;gap:9px;border-radius:24px}.hero-character img{max-width:145px;max-height:135px;transform:scale(1.08)}.hero-pack-caption{bottom:2px;min-width:185px}.market{padding-top:25px}.market-top h2{font-size:25px}}
/* Hero reliability + richer marketplace feel */
.hero-pack-frame{isolation:isolate;transition:transform .35s ease,box-shadow .35s ease}
.hero-pack-frame:hover{transform:translateY(-4px);box-shadow:0 34px 70px rgba(22,92,53,.17)}
.hero-pack-frame.is-loaded .hero-character{animation:heroPop .55s both}
.hero-pack-frame.is-loaded .hero-character-2{animation-delay:.07s}
.hero-pack-frame.is-loaded .hero-character-3{animation-delay:.14s}
.hero-pack-frame.is-loaded .hero-character-4{animation-delay:.21s}
.hero-character img{object-position:center;image-rendering:auto}
.hero-loading{gap:8px;text-align:center}
.hero-loading small{display:block;font-size:10px;font-weight:500;color:#8aa096}
@keyframes heroPop{from{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-pack-frame,.hero-character{animation:none!important;transition:none!important}}