@font-face{font-family:Manrope;src:url('/fonts/Manrope-Variable.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--ink:#2e4157;--muted:#66707d;--surface:#fffdfa;--beige:#ebe5dd;--button:#4a627d}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#fbf9f5,#f1ebe4);color:var(--ink);font:16px/1.55 Manrope,'Segoe UI',sans-serif;min-height:100svh;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}
.print-landing{max-width:940px;margin:auto;text-align:center;padding:36px 28px}
.brand-logo{display:block;width:260px;max-width:64%;height:auto;margin:0 auto 18px;mix-blend-mode:multiply}
h1,h2{font-family:'Cormorant Garamond','Times New Roman',serif;font-weight:500;line-height:1.1;margin:0;letter-spacing:0;overflow-wrap:break-word}
h1{font-size:56px}
.subtitle{font-size:20px;color:var(--muted);margin:14px 0 28px;text-wrap:balance}
.hero{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;border-radius:20px}
.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:22px 0}
.benefits li{display:flex;justify-content:center;align-items:center;gap:10px;background:var(--beige);border-radius:999px;min-height:58px;padding:10px;font-size:15px}
.benefits span{font-size:26px;line-height:1}
.description{color:var(--muted);font-size:20px;margin:26px 0}
.order-button{display:block;width:100%;min-height:58px;border:0;border-radius:16px;padding:15px 24px;background:var(--button);color:#fff;font:600 22px/1.3 Manrope,'Segoe UI',sans-serif;cursor:pointer;transition:background .15s}
.order-button:hover{background:#344e69}
.order-button:disabled{opacity:.6;cursor:wait}
.consent-label{display:flex;align-items:flex-start;justify-content:center;gap:12px;margin:18px auto 14px;font-size:13px;text-align:left;max-width:640px}
.consent-label input{width:20px;height:20px;flex:0 0 20px;margin:0;accent-color:var(--button)}
a{color:var(--button);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--button);outline-offset:4px}
.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;font-size:13px}
#print-order-status{margin:14px 0;color:var(--muted);font-size:14px}
.steps{margin-top:30px;padding-top:26px;border-top:1px solid #2e415726}
h2{font-size:40px}
.steps ol{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:0;margin:22px 0 0}
.steps li{counter-increment:steps;font-size:15px}
.steps b{font-weight:400}
.dialog-link{display:inline-block;margin:10px auto;padding:10px 18px;border:1px solid #4a627d40;border-radius:12px;font-size:14px}
[hidden]{display:none!important}
.steps span{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:var(--beige);font-size:30px;margin:0 auto 12px}
@media(max-width:520px){body{padding:12px 10px calc(12px + env(safe-area-inset-bottom))}.print-landing{padding:26px 16px;border-radius:20px}.hero{aspect-ratio:1.6;border-radius:16px}.benefits{gap:6px;margin:16px 0}.benefits li{flex-direction:column;gap:5px;font-size:11px;min-height:72px;border-radius:16px;padding:8px 4px}.benefits span{font-size:22px}.subtitle{margin-bottom:20px}.description{margin:20px 0}.consent-label,.legal-links{font-size:12px}.steps ol{gap:8px}.steps li{font-size:12px}.steps span{width:54px;height:54px;font-size:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:520px){h1{font-size:34px}h2{font-size:30px}.subtitle{font-size:15px}.description{font-size:16px}.order-button{font-size:17px}}