/* Product page: 30-Day Content Planner Kit. Extends home.css tokens. */
.p-hero{padding:clamp(56px,8vw,104px) 0 clamp(40px,6vw,80px)}
.p-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,6vw,80px);align-items:center}
.p-hero h1{font-size:clamp(2.2rem,4.8vw,3.7rem);margin-bottom:.4em}
.p-hero .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:30px 0 18px}
.p-note{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--chalk-2);margin:0}
.p-cover{margin:0;justify-self:center;max-width:380px;width:100%;transform:rotate(1.6deg);border-radius:10px;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 1px var(--line-strong)}
.p-cover img{display:block;width:100%;height:auto;border-radius:10px}
.p-alt{background:rgba(10,26,40,.55);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.p-three{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px)}
.p-card{padding:28px 26px;border:1px solid var(--line);border-radius:14px;background:rgba(21,48,74,.45)}
.p-card h3{margin:10px 0 8px}
.p-card p{margin:0;color:var(--chalk-2)}
.p-insight{font-family:var(--font-display);font-weight:600;font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.3;margin:40px 0 0;max-width:34em;color:var(--chalk)}
.p-parts{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(24px,4vw,56px)}
.p-parts li{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:22px 0;border-top:1px solid var(--line)}
.p-parts strong{display:block;font-family:var(--font-display);font-size:1.2rem;margin-bottom:4px;color:var(--chalk)}
.p-parts p{margin:0;color:var(--chalk-2)}
.p-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,24px)}
.p-steps li{padding:24px 22px 26px;border:1px solid var(--line);border-radius:14px;background:rgba(21,48,74,.45)}
.p-steps strong{display:block;font-family:var(--font-display);font-size:1.25rem;margin:2px 0 8px;color:var(--chalk)}
.p-steps p{margin:0;color:var(--chalk-2)}
.p-samples{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.6vw,32px)}
.p-samples figure{margin:0}
.p-samples img{display:block;width:100%;height:auto;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(0,0,0,.4),0 0 0 1px var(--line-strong)}
.p-samples figcaption{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--chalk-2);margin-top:14px}
.p-list li{padding:10px 0 10px 28px;position:relative;border-top:1px solid rgba(44,79,110,.6);color:var(--chalk)}
.p-list li::before{content:"";position:absolute;left:0;top:18px;width:12px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.p-no li::before{width:12px;height:0;border:0;border-top:2px solid var(--chalk-2);transform:none;top:22px}
.p-buy{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);align-items:start}
.p-checkout{padding:clamp(24px,3.4vw,38px);border:1px solid var(--line-strong);border-radius:18px;background:rgba(10,26,40,.72)}
.p-kicker{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--chalk-2);margin:0 0 6px}
.p-price{font-family:var(--font-display);font-weight:700;font-size:3.4rem;line-height:1;margin:0 0 22px;color:var(--chalk)}
.p-price span{font-family:var(--font-mono);font-size:.95rem;font-weight:400;color:var(--chalk-2);margin-right:6px;letter-spacing:.1em}
.p-small{font-size:.9rem;color:var(--chalk-2);margin:16px 0 0}
.p-checkout .p-small a{color:var(--chalk);text-decoration:underline}
@media (max-width:900px){.p-hero-grid,.p-buy{grid-template-columns:1fr}.p-cover{max-width:300px;order:-1;margin-bottom:8px}.p-three,.p-samples{grid-template-columns:1fr}.p-steps{grid-template-columns:1fr 1fr}.p-parts{grid-template-columns:1fr}.p-samples figure{max-width:440px}}
@media (max-width:540px){.p-steps{grid-template-columns:1fr}.p-hero .hero-actions .btn{width:100%}}
@media (prefers-reduced-motion:reduce){.p-cover{transform:none}}
.p-freebie{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,4vw,48px);border:1px solid var(--line-strong);border-radius:20px;background:linear-gradient(135deg,#15304A,#0E2031)}
.p-freebie h2{font-size:clamp(1.5rem,2.8vw,2.1rem);margin-bottom:.4em}
.p-freebie p{margin:0;max-width:52ch}
.p-freebie-cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.p-freebie-cta .p-small{margin:0}
@media (max-width:760px){.p-freebie{grid-template-columns:1fr}.p-freebie-cta .btn{width:100%}}

/* Free sample email form (Brevo) */
.p-sample-form{width:100%}
.p-sample-form label{display:block;font-family:var(--mono,'IBM Plex Mono',monospace);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#A9BDCA;margin-bottom:6px}
.p-sample-row{display:flex;gap:10px;flex-wrap:wrap}
.p-sample-row input[type=email]{flex:1 1 220px;min-width:0;padding:13px 14px;border-radius:10px;border:1px solid #2C4F6E;background:#0E2031;color:#EAF2F6;font:inherit}
.p-sample-row input[type=email]:focus{outline:2px solid #E86F51;outline-offset:2px}
.p-sample-form .p-small{margin-top:10px}
.p-sample-form .p-small a{color:#EAF2F6;text-decoration:underline}
.p-sample-msg{margin-top:8px;color:#F5B7A6;font-size:.9rem}
.p-sample-done{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.p-sample-done p{margin:0}
.p-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media (max-width:760px){.p-sample-row .btn{width:100%}}
.p-sample-form[hidden],.p-sample-done[hidden],.p-sample-msg[hidden]{display:none!important}