
.product-page { background:#fffdf8; }
.word-hero { padding:72px 0 82px; background:linear-gradient(135deg,#fff7dc 0%,#fffdf8 52%,#e8f8f4 100%); border-bottom:1px solid var(--line); }
.word-hero-grid { display:grid; grid-template-columns:minmax(280px,.78fr) 1.22fr; gap:72px; align-items:center; }
.word-cover-wrap { max-width:430px; margin:auto; }
.word-cover { display:block; width:100%; border-radius:26px; box-shadow:0 28px 75px rgba(18,22,42,.16); border:1px solid rgba(18,22,42,.05); }
.word-eyebrow { margin:0 0 13px; color:#148570; font-size:.76rem; font-weight:950; letter-spacing:.15em; }
.word-eyebrow.dark { color:#725843; }
.word-hero-copy h1 { margin:0; font-size:clamp(3.3rem,6vw,5.8rem); line-height:1; letter-spacing:-.065em; }
.word-subtitle { margin:10px 0 28px; font-size:1.18rem; font-weight:850; color:#ef765c; }
.word-maincopy { margin:0 0 18px; font-size:clamp(1.4rem,2.7vw,2.2rem); line-height:1.38; letter-spacing:-.035em; }
.word-maincopy strong { box-shadow:inset 0 -.5em 0 rgba(255,214,107,.58); }
.word-support { color:var(--muted); margin:0 0 20px; font-weight:700; }
.word-price { font-size:2.25rem; font-weight:950; letter-spacing:-.045em; margin-bottom:20px; }
.word-cta-row { display:flex; flex-wrap:wrap; gap:10px; }
.word-btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:13px 19px; border-radius:14px; border:0; font-weight:950; cursor:pointer; text-align:center; }
.word-btn-buy { background:var(--ink); color:white; }
.word-btn-buy:hover { background:#242a42; }
.word-btn-sample { background:white; color:var(--ink); border:1px solid var(--line); }
.payment-note { margin:12px 0 0; color:#8b7b68; font-size:.79rem; }
.word-section { padding:94px 0; }
.word-section-head { margin-bottom:38px; max-width:780px; }
.word-section-head.center { text-align:center; margin-left:auto; margin-right:auto; }
.word-section-head span { display:block; color:#17816e; font-size:.73rem; font-weight:950; letter-spacing:.16em; margin-bottom:9px; }
.word-section-head h2 { margin:0; font-size:clamp(2rem,4vw,3.4rem); line-height:1.08; letter-spacing:-.055em; }
.word-section-head p { color:var(--muted); }
.inside-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.inside-card { padding:30px; min-height:260px; border-radius:26px; border:1px solid rgba(18,22,42,.06); }
.inside-card.coral { background:#fff0e9; }.inside-card.teal{background:#e9f8f5}.inside-card.yellow{background:#fff8dc}.inside-number{display:inline-flex;padding:6px 10px;border-radius:999px;background:#ffffffb8;font-size:.76rem;font-weight:950}.inside-card h3{font-size:1.5rem;margin:22px 0 8px}.inside-card p{color:var(--ink-2);margin:0}
.preview-section { background:#f7f7f8; }
.preview-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:22px; max-width:1040px; margin:auto; }
.preview-card { margin:0; padding:14px; border-radius:24px; background:white; border:1px solid var(--line); box-shadow:0 16px 38px rgba(18,22,42,.05); }
.preview-card img { display:block; width:100%; height:auto; border-radius:15px; }
.preview-card figcaption { padding:14px 5px 5px; color:var(--ink-2); font-size:.9rem; font-weight:750; }
.how-section { background:white; }
.how-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:start; }
.step-list { list-style:none; padding:0; margin:0; display:grid; gap:12px; }
.step-list li { display:flex; gap:16px; align-items:flex-start; padding:17px 18px; border:1px solid var(--line); border-radius:17px; background:#fff; }
.step-list li>b { flex:0 0 36px; width:36px; height:36px; display:grid; place-items:center; border-radius:12px; background:#ffeadf; color:#da6b52; }
.step-list strong,.step-list span{display:block}.step-list span{font-size:.84rem;color:var(--muted);margin-top:2px}.print-card{position:sticky;top:110px;padding:30px;border-radius:26px;background:var(--ink);color:white}.print-card>span{color:var(--mint);font-size:.72rem;font-weight:950;letter-spacing:.15em}.print-card h3{font-size:1.8rem;margin:8px 0 22px}.print-card strong{display:block;color:var(--yellow);font-size:1.08rem}.print-card p{color:rgba(255,255,255,.62)}
.first-grade-section { background:#fff4e9; }
.first-grade-grid { display:grid; grid-template-columns:1fr .5fr; gap:50px; align-items:center; }.grade-badge{display:inline-flex;padding:7px 11px;border-radius:999px;background:white;color:#d7684f;font-weight:900;font-size:.78rem}.grade-copy h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.12;letter-spacing:-.055em}.grade-copy p{max-width:700px;color:var(--ink-2)}.challenge-chip{justify-self:center;width:230px;height:230px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--yellow);box-shadow:0 18px 46px rgba(18,22,42,.1);font-size:2.2rem}.challenge-chip strong,.challenge-chip span{display:block}.challenge-chip strong{font-size:1.45rem}.challenge-chip span{font-size:.78rem;color:#675b39}
.sample-section { background:#eaf8f5; }.sample-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.sample-copy h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.055em;margin:0}.sample-copy p{color:var(--ink-2);margin:18px 0 25px}.sample-thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sample-thumbs img{width:100%;display:block;border-radius:18px;border:1px solid rgba(18,22,42,.08);box-shadow:0 16px 36px rgba(18,22,42,.08)}
.composition-section { background:white; }.composition-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:start}.composition-list{display:grid;gap:10px}.composition-list>div{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}.composition-list span{color:var(--muted);text-align:right}.support-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.support-gallery figure{margin:0}.support-gallery img{width:100%;display:block;border-radius:16px;border:1px solid var(--line)}.support-gallery figcaption{text-align:center;font-size:.8rem;font-weight:850;margin-top:8px;color:var(--muted)}
.buy-section { background:linear-gradient(135deg,#12162a,#211847); color:white; }.buy-box{display:grid;grid-template-columns:1fr .55fr;gap:60px;align-items:center}.buy-box h2{font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.08;letter-spacing:-.055em;margin:0 0 16px}.buy-box p{color:rgba(255,255,255,.64)}.buy-panel{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.06)}.buy-panel>span,.buy-panel>strong,.buy-panel>small{display:block}.buy-panel>span{color:rgba(255,255,255,.55)}.buy-panel>strong{font-size:2.45rem;margin:6px 0 20px}.buy-panel .word-btn{width:100%;background:var(--mint);color:var(--ink)}.buy-panel>small{margin-top:10px;color:rgba(255,255,255,.38);font-family:monospace}
.info-section{padding-top:65px}.info-box{max-width:880px}.info-box h2{font-size:1.7rem}.info-box ul{padding-left:1.2rem;color:var(--ink-2)}.policy-pending{padding:13px 15px;border-radius:12px;background:#f5f5f6;color:var(--muted);font-size:.85rem}
@media(max-width:900px){.word-hero-grid,.how-grid,.first-grade-grid,.sample-grid,.composition-grid,.buy-box{grid-template-columns:1fr}.word-cover-wrap{max-width:360px}.word-hero-copy{text-align:center}.word-cta-row{justify-content:center}.print-card{position:static}.challenge-chip{width:190px;height:190px}.support-gallery{max-width:700px}.buy-panel{max-width:520px;width:100%}.inside-grid{grid-template-columns:1fr}.word-hero{padding-top:50px}}
@media(max-width:680px){.product-page .nav{display:none}.word-hero{padding:32px 0 50px}.word-hero-grid{gap:30px}.word-cover-wrap{max-width:245px}.word-hero-copy h1{font-size:3.1rem}.word-subtitle{font-size:1rem;margin-bottom:18px}.word-maincopy{font-size:1.35rem}.word-support{font-size:.9rem}.word-price{font-size:2rem}.word-cta-row{display:grid;grid-template-columns:1fr;width:100%}.word-btn{width:100%}.payment-note{text-align:center}.word-section{padding:68px 0}.preview-grid{grid-template-columns:1fr;gap:18px}.preview-card{padding:10px;border-radius:18px}.preview-card figcaption{font-size:.88rem}.support-gallery{grid-template-columns:repeat(3,1fr);gap:7px}.support-gallery img{border-radius:10px}.support-gallery figcaption{font-size:.72rem}.composition-list>div{font-size:.88rem}.buy-panel>strong{font-size:2.1rem}}
