/* Landing only: two clear product paths, real examples, then practical details. */
#landing{max-width:1320px;padding:56px max(24px,4%) 72px;--landing-line:#dce2db;--landing-muted:#536158;--landing-purple:#654095}
#landing .landing-hero{display:block;padding:0 0 56px}
#landing .hero-copy{max-width:780px;margin-bottom:36px}
#landing .eyebrow,#landing .path-label{font:700 12px/1.5 ProductSans,Arial,sans-serif;letter-spacing:1.7px;color:var(--landing-muted);margin:0 0 14px}
#landing .hero-copy h1{font:600 clamp(36px,4.5vw,58px)/1.08 ProductSans,Arial,sans-serif;letter-spacing:-1.7px;color:var(--ui-ink);margin:0 0 18px;text-wrap:balance}
#landing .lead{font-size:18px;line-height:1.65;max-width:680px;color:var(--landing-muted);margin:0}
#landing .product-paths{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:20px;align-items:stretch}
#landing .print-path,#landing .friend-discovery{border:1px solid var(--landing-line);border-radius:16px;overflow:hidden;min-width:0}
#landing .print-path{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px;align-items:center;padding:30px;background:#fff}
#landing .path-copy{min-width:0}
#landing .path-copy h2{font:600 28px/1.2 ProductSans,Arial,sans-serif;letter-spacing:-.6px;margin:0 0 14px;text-wrap:balance}
#landing .path-copy>p:not(.path-label){font-size:16px;line-height:1.65;color:var(--landing-muted);margin:0 0 20px}
#landing .hero-actions{margin:24px 0 12px;display:block}
#landing .hero-actions .primary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;font-size:14px;line-height:1.45;padding:13px 16px;border-radius:9px;min-height:48px}
#landing .hero-actions .primary span{font-size:20px}
#landing .path-copy>.small-note{font-size:12px!important;line-height:1.6!important;margin-bottom:12px!important}
#landing .quiet-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--ui-accent);font-size:14px;text-underline-offset:4px}
#landing .hero-paper{max-width:290px;width:100%;margin:0;justify-self:end}
#landing #heroPreview{transform:none;min-height:0;aspect-ratio:210/297;box-shadow:0 5px 20px #27362e13;border:1px solid #e2e3d9;background:#fffdf7}
#landing .edition-label{font-size:12px;line-height:1.6;letter-spacing:1px;margin:14px 0 0;color:var(--landing-muted);text-align:center}
#landing .friend-discovery{display:flex;flex-direction:column;gap:16px;align-items:stretch;padding:30px;margin:0;background:#f2eef8;border-color:#e0d8eb}
#landing .friend-discovery .path-label{color:var(--landing-purple)}
#landing .friend-route{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px;margin:20px 0 12px;border:1px solid #cfc2df;border-radius:9px;background:#fff;color:#593783;text-decoration:none;font-size:14px;font-weight:700}
#landing .friend-route:hover{background:#f9f5ff}
#landing .friend-sample{background:transparent;border:0;border-radius:0;padding:0;margin:auto 0 0;text-align:center}
#landing .friend-sample-art{width:180px;height:132px;max-width:100%;margin:0 auto 8px}
#landing .friend-sample figcaption{font-size:12px;letter-spacing:1px;line-height:1.6;color:#635471}
#landing .friend-sample figcaption span{display:block;letter-spacing:0;font-size:12px;margin-top:4px}
#landing .design-section{padding:44px 0 48px;border-top:1px solid var(--landing-line);scroll-margin-top:24px}
#landing .section-header{align-items:end;margin-bottom:24px;gap:24px}
#landing .section-header h2,#landing .faq-section h2{font:600 30px/1.2 ProductSans,Arial,sans-serif;letter-spacing:-.7px;margin:0}
#landing .section-header .eyebrow{margin-bottom:10px}
#landing .section-header>p{font-size:14px;line-height:1.6;color:var(--landing-muted);margin:0}
#landing .design-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#landing .design-card{background:#fff;border:1px solid var(--landing-line);border-radius:12px;overflow:hidden;padding:0;text-align:left;min-width:0;max-width:none;margin:0;width:100%}
#landing .design-card:hover{filter:none;border-color:#819680;box-shadow:0 3px 12px #27362e0c}
#landing .design-thumb{padding:24px clamp(20px,4vw,56px);margin:0;background:#f0f1eb;aspect-ratio:1.18;display:flex;align-items:center;justify-content:center}
#landing .design-card:nth-child(2) .design-thumb{background:#eeece7}
#landing .design-card:nth-child(3) .design-thumb{background:#f6eded}
#landing .design-thumb>svg,#landing .design-thumb>img{width:auto;max-width:100%;height:100%;max-height:100%;box-shadow:0 3px 10px #27362e12}
#landing .design-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;font-size:14px;letter-spacing:0;color:var(--ui-ink)}
#landing .design-caption strong{display:block;font-size:16px;font-weight:700;line-height:1.35;margin-bottom:5px}
#landing .design-caption>span>span{display:block;font-size:13px;line-height:1.5;color:var(--landing-muted)}
#landing .design-arrow{flex-shrink:0;font-size:22px;color:var(--ui-accent)}
#landing .landing-value{padding:36px 0 44px;border-top:1px solid var(--landing-line)}
#landing .value-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0 0;padding:0}
#landing .value-grid li{display:flex;align-items:flex-start;gap:14px;min-width:0}
#landing .value-number{font-size:12px;letter-spacing:0;color:var(--ui-accent);background:var(--ui-soft);min-width:32px;height:32px;display:grid;place-items:center;border-radius:8px}
#landing .value-grid h3{font:700 16px/1.4 ProductSans,Arial,sans-serif;margin:4px 0 8px}
#landing .value-grid p{font-size:14px;line-height:1.65;color:var(--landing-muted);margin:0}
#landing .faq-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:50px;max-width:none;margin:0;padding-top:42px;border-top:1px solid var(--landing-line)}
#landing .faq-intro>p:last-child{font-size:14px;line-height:1.6;color:var(--landing-muted);margin-top:16px}
#landing .faq-list{min-width:0}
#landing .faq-section details{padding:0;border-bottom:1px solid var(--landing-line)}
#landing .faq-section summary{font-size:16px;line-height:1.55;min-height:52px;padding:15px 8px 15px 0;font-weight:700;cursor:pointer}
#landing .faq-section details p{font-size:14px;line-height:1.7;color:var(--landing-muted);margin:0 0 18px}
#landing .demo-clue{max-width:none;margin:0 0 20px;padding:18px;background:var(--ui-soft);border-radius:9px}
#landing .demo-clue>span{font-size:12px;letter-spacing:1px}
#landing .demo-clue>p:first-of-type{font:600 16px/1.5 ProductSans,Arial,sans-serif;margin:12px 0}
#landing .demo-input{flex-wrap:wrap;gap:10px}
#landing .demo-input input{width:160px;max-width:100%}
#landing .demo-input button{font-size:14px}
#landing .demo-clue>p:last-child{font-size:13px;margin:12px 0 0}
#landing button:focus-visible,#landing a:focus-visible,#landing summary:focus-visible,#landing input:focus-visible{outline:3px solid var(--ui-focus);outline-offset:4px}
@media(max-width:1100px){#landing .print-path{grid-template-columns:1fr;padding:26px}#landing .hero-paper{max-width:230px;justify-self:center}#landing .friend-discovery{padding:26px}#landing .friend-sample-art{width:220px;height:180px}#landing .friend-sample{margin:auto 0}#landing .path-copy h2{font-size:26px}}
@media(max-width:760px){#landing{padding:34px 20px 48px}#landing .hero-copy{margin-bottom:26px}#landing .hero-copy h1{letter-spacing:-1px;font-size:38px}#landing .lead{font-size:16px}#landing .desktop-break{display:none}#landing .product-paths{grid-template-columns:1fr;gap:16px}#landing .print-path{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;padding:24px}#landing .friend-discovery{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;padding:24px}#landing .friend-sample-art{width:170px;height:138px}#landing .hero-paper{max-width:240px}#landing .landing-hero{padding-bottom:36px}#landing .design-section{padding:32px 0}#landing .section-header{display:block;margin-bottom:20px}#landing .section-header>p{margin-top:14px}#landing .section-header h2,#landing .faq-section h2{font-size:26px}#landing .design-gallery{gap:14px}#landing .design-thumb{padding:16px 12px;aspect-ratio:.8}#landing .design-caption{padding:14px 12px;gap:8px}#landing .design-caption strong{font-size:14px}#landing .design-caption>span>span{font-size:12px}#landing .design-arrow{display:none}#landing .value-grid{grid-template-columns:1fr;gap:22px;margin-top:22px}#landing .faq-section{grid-template-columns:1fr;gap:12px;padding-top:32px}}
@media(max-width:520px){#landing .hero-copy h1{font-size:36px}#landing .print-path{grid-template-columns:1fr;padding:22px}#landing .hero-paper{max-width:250px;margin-top:12px;justify-self:center}#landing .friend-discovery{grid-template-columns:1fr;padding:22px;gap:10px}#landing .friend-sample{margin:0}#landing .friend-sample-art{height:118px;width:160px}#landing .design-gallery{grid-template-columns:1fr;gap:16px}#landing .design-card{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center}#landing .design-thumb{height:148px;padding:12px 14px;aspect-ratio:auto}#landing .design-caption{padding:18px 16px}#landing .design-caption strong{font-size:16px}#landing .design-caption>span>span{font-size:13px}#landing .design-arrow{display:block;font-size:18px}}
@media(prefers-reduced-motion:reduce){#landing *,#landing *::before,#landing *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Real pre-rendered print examples reserve their size before decoding. */
#landing #heroPreview>img{display:block;width:100%;height:auto}
#landing .friend-sample-art>img{display:block;width:100%;height:100%;object-fit:contain}
.studio-loading{max-width:900px;margin:80px auto;padding:32px 24px;min-height:50vh}
.studio-loading h1{font:600 32px ProductSans,Arial,sans-serif}
.studio-loading a{display:inline-block;margin:20px}