/* MyStudio — Creator Gear Site
   Single-file CSS, mobile-first, clean typography */
*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;margin:0;background:#f7f7f4;color:#20231f;line-height:1.55}
a{color:#285f45;text-decoration:none}
a:hover{text-decoration:underline}
header{background:#fff;border-bottom:1px solid #e1e1da;position:sticky;top:0;z-index:2}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
header .wrap{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.logo{font-weight:800;font-size:1.25rem;color:#20231f}
.logo span{color:#3d7a55}
nav a{margin-left:18px;color:#4c5148;font-size:.92rem}
.hero{padding:58px 22px 34px}
.hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.03;margin:0 0 14px;letter-spacing:-.04em}
.hero p{font-size:1.15rem;color:#4c5148;max-width:620px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:24px;padding-bottom:60px}
.card{background:#fff;border:1px solid #e1e1da;border-radius:10px;overflow:hidden;transition:box-shadow .2s}
.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.card img{width:100%;height:auto;display:block}
.card h2{font-size:1.15rem;margin:16px 18px 6px}
.card p{font-size:.92rem;color:#4c5148;margin:0 18px 16px}
.card .tag{display:inline-block;margin:0 18px 14px;padding:3px 10px;background:#e8f5e8;color:#285f45;border-radius:4px;font-size:.8rem;font-weight:600}
footer{margin-top:40px;padding:30px 0;background:#20231f;color:#b8bab4;font-size:.85rem}
footer a{color:#8db89d}
.disclosure{padding:14px 18px;background:#fff8e1;border-left:3px solid #f0c040;border-radius:4px;margin-bottom:16px;font-size:.82rem}
.copyright{margin-top:18px}
.content-page{padding-top:40px;padding-bottom:60px;max-width:780px}
.content-page h1{font-size:2rem;margin:0 0 8px}
.content-page .intro{font-size:1.1rem;color:#4c5148;margin-bottom:30px}
.review{margin-bottom:36px;padding-bottom:30px;border-bottom:1px solid #e1e1da}
.review h2{font-size:1.35rem}
.product-card{display:flex;gap:24px;flex-wrap:wrap;margin-top:16px}
.product-img img{border-radius:8px;max-width:100%}
.product-details{flex:1;min-width:280px}
.product-details ul{margin:12px 0;padding-left:20px}
.product-details li{margin-bottom:6px}
.cta-button{display:inline-block;padding:12px 28px;background:#3d7a55;color:#fff;border-radius:6px;font-weight:600;font-size:.95rem;margin-top:12px}
.cta-button:hover{background:#285f45;text-decoration:none}
.note{font-size:.78rem;color:#888;margin-top:8px}
.about-page{max-width:680px}
.about-page h2{font-size:1.3rem;margin-top:30px}
.about-page h3{font-size:1.1rem;margin-top:20px;color:#3d7a55}
.privacy-page{max-width:680px}
.privacy-page h2{font-size:1.2rem;margin-top:24px}
.privacy-page p,.privacy-page ul{font-size:.95rem;color:#4c5148}
@media(max-width:640px){.product-card{flex-direction:column}}