:root { --blue:#173b8f; --blue-dark:#0d1c42; --coral:#ca5861; --cream:#f7f4ec; --ink:#19243d; --muted:#657088; --line:#e3e7ef; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif; line-height:1.65; }
img { max-width:100%; }
a { color:var(--blue); }
.shell { width:min(calc(100% - 40px),1120px); margin-inline:auto; }
.page-header { border-top:5px solid #e76f76; border-bottom:1px solid var(--line); background:#fff; }
.page-header__inner { min-height:100px; display:flex; align-items:center; justify-content:space-between; gap:25px; }
.page-header img { width:min(307px,52vw); display:block; }
.page-header nav { display:flex; gap:24px; align-items:center; }
.page-header nav a { color:var(--ink); text-decoration:none; font-size:.88rem; font-weight:750; }
.page-header nav a:hover { color:var(--coral); }
.eyebrow { margin:0 0 13px; color:var(--coral); font-size:.73rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.button { min-height:49px; display:inline-flex; align-items:center; justify-content:center; padding:12px 22px; border:1px solid var(--blue); color:#fff; background:var(--blue); text-decoration:none; font-weight:800; cursor:pointer; }
.button:hover { background:#10275f; }
.button--outline { color:var(--blue); background:#fff; }
.button--outline:hover { color:#fff; }
.product-hero { padding:80px 0; background:linear-gradient(115deg,var(--cream) 0 62%,#eaf0fb 62%); }
.product-hero__grid { display:grid; grid-template-columns:1.15fr .85fr; gap:75px; align-items:center; }
.product-hero h1,.legal-main h1 { margin:0 0 22px; color:var(--blue-dark); font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.8rem,6vw,5.2rem); font-weight:400; line-height:1.02; letter-spacing:-.045em; }
.product-hero__lead { max-width:700px; color:var(--muted); font-size:1.08rem; }
.product-meta { display:flex; flex-wrap:wrap; gap:12px 25px; margin:28px 0; color:var(--blue); font-size:.85rem; font-weight:800; }
.product-price { display:block; margin-bottom:22px; color:var(--blue-dark); font-family:Georgia,serif; font-size:2.1rem; }
.product-price small { display:block; color:var(--muted); font-family:inherit; font-size:.78rem; }
.product-actions { display:flex; flex-wrap:wrap; gap:12px; }
.book-mock { position:relative; width:min(330px,80%); min-height:450px; margin:auto; padding:62px 42px 45px; color:#fff; background:var(--cover,#2f706c); border-left:12px solid var(--accent,#f0c35c); border-radius:2px 9px 9px 2px; box-shadow:25px 30px 60px rgba(17,28,58,.25); transform:rotate(3deg); }
.book-mock span { color:var(--accent,#f0c35c); font-size:.67rem; font-weight:900; letter-spacing:.15em; }
.book-mock h2 { margin:70px 0 20px; font-family:Georgia,serif; font-size:2.5rem; font-weight:400; line-height:1.08; }
.book-mock p { opacity:.82; font-size:.85rem; }
.book-mock b { position:absolute; left:42px; bottom:34px; font-size:.67rem; letter-spacing:.1em; text-transform:uppercase; }
.product-content { padding:80px 0; }
.product-content__grid { display:grid; grid-template-columns:1.2fr .8fr; gap:80px; }
.product-content h2,.legal-main h2 { margin:0 0 18px; color:var(--blue-dark); font-family:Georgia,serif; font-size:2.2rem; font-weight:400; }
.product-content h3,.legal-main h3 { margin:32px 0 10px; color:var(--blue-dark); }
.product-content p,.legal-main p,.legal-main li { color:#4d5970; }
.feature-list { margin:0; padding:30px; background:var(--cream); list-style:none; }
.feature-list li { position:relative; padding:12px 0 12px 30px; border-bottom:1px solid #dedbd2; }
.feature-list li:last-child { border-bottom:0; }
.feature-list li::before { content:"✓"; position:absolute; left:0; color:var(--coral); font-weight:900; }
.purchase-note { margin-top:35px; padding:20px; border-left:4px solid var(--coral); background:#fff7f6; color:#4d5970; font-size:.88rem; }
.legal-main { padding:75px 0 100px; }
.legal-main__wrap { max-width:850px; }
.legal-main h1 { font-size:clamp(2.7rem,5vw,4.5rem); }
.legal-main h2 { margin-top:50px; font-size:1.8rem; }
.legal-main ul { padding-left:22px; }
.legal-summary { margin:28px 0 45px; padding:24px 27px; border-left:4px solid var(--coral); background:var(--cream); }
.legal-meta { color:var(--muted); font-size:.82rem; }
.page-footer { padding:45px 0 25px; color:#bdc6dc; background:var(--blue-dark); }
.page-footer__grid { display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; }
.page-footer img { width:240px; padding:8px; background:#fff; }
.page-footer nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px 22px; }
.page-footer a { color:#d9e0f1; font-size:.8rem; }
.page-footer__bottom { margin-top:30px; padding-top:18px; border-top:1px solid rgba(255,255,255,.12); font-size:.72rem; }
@media(max-width:760px){.page-header__inner{min-height:84px}.page-header nav a:not(:last-child){display:none}.product-hero{padding:55px 0;background:var(--cream)}.product-hero__grid,.product-content__grid{grid-template-columns:1fr;gap:55px}.product-hero__copy{text-align:center}.product-meta,.product-actions{justify-content:center}.book-mock{min-height:390px}.page-footer__grid{grid-template-columns:1fr}.page-footer nav{justify-content:flex-start}.legal-main{padding-top:55px}}