.writing-product { --writing-blue:#193f6c; --writing-teal:#147c76; --writing-yellow:#cc9422; color:#203348; max-width:1240px; margin:auto; padding:0 32px; }
.writing-product-hero { display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center; padding:70px 0; }
.writing-product-eyebrow { color:var(--writing-teal); text-transform:uppercase; letter-spacing:.13em; font-weight:700; border-left:5px solid var(--writing-yellow); padding-left:16px; }
.writing-product h1 { color:var(--writing-blue); font-size:clamp(2.7rem,5vw,4.8rem); line-height:1.08; letter-spacing:-.045em; font-weight:650; margin:25px 0; }
.writing-product-intro { font-size:1.2rem; max-width:410px; line-height:1.6; }
.writing-product-audience,.writing-product-sample,.writing-product-feedback span { color:#5b6c7f; font-size:.9rem; }
.writing-product-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin:28px 0 18px; }
.writing-product-primary { display:inline-flex; align-items:center; justify-content:center; gap:16px; background:var(--writing-teal); border:2px solid var(--writing-teal); color:white!important; padding:13px 20px; border-radius:10px; text-decoration:none!important; font-weight:650; }
.writing-product-primary:hover { background:var(--writing-blue); border-color:var(--writing-blue); }
.writing-product-secondary,.writing-product-signin,.writing-product-footer a { color:var(--writing-blue)!important; text-underline-offset:4px; }
.writing-product-signin { font-size:.88rem; }
.writing-product a:focus-visible { outline:3px solid var(--writing-yellow); outline-offset:4px; }
.writing-product-example { background:#edf4fa; border:1px solid #b8ccdd; border-top:5px solid var(--writing-blue); border-radius:20px; padding:24px; box-shadow:0 16px 40px #193f6c0b; }
.writing-product-example-label { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; color:var(--writing-blue); font-weight:650; }
.writing-product-example-label span { font-size:.8rem; background:white; border-radius:6px; padding:3px 8px; }
.writing-product-paper { background:white; border:1px solid #d5e1eb; border-radius:10px; margin:20px 0; padding:30px 24px; }
.writing-product-paper p { font:1.2rem/1.9 Georgia,serif; color:#26384b; margin-bottom:25px; }
.writing-product-feedback { background:#f5fbf9; border:1px solid #b6d6ce; border-left:5px solid var(--writing-yellow); border-radius:10px; padding:20px; }
.writing-product-feedback strong { color:var(--writing-teal); }
.writing-product-feedback p { line-height:1.6; margin:12px 0; }
.writing-product-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; border-top:1px solid #d6e1eb; padding:45px 0; }
.writing-product-step { color:var(--writing-teal); font-size:.82rem; font-weight:700; letter-spacing:.1em; }
.writing-product h2 { color:var(--writing-blue); font-size:1.35rem; font-weight:650; margin:12px 0; }
.writing-product-steps p { line-height:1.6; max-width:300px; }
.writing-product-forms { text-align:center; background:#fff9e9; border:1px solid #eed7a3; border-radius:16px; padding:32px; }
.writing-product-forms ul { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; padding:0; list-style:none; margin:24px 0; }
.writing-product-forms li { background:white; border:1px solid #e5dbc4; border-radius:20px; padding:6px 14px; font-size:.9rem; }
.writing-product-footer { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; padding:40px 0; font-size:.9rem; }
@media(max-width:800px) { .writing-product { padding:0 20px; } .writing-product-hero { grid-template-columns:1fr; gap:32px; padding:36px 0; } .writing-product-steps { grid-template-columns:1fr; gap:20px; } .writing-product-example { max-width:520px; } }