/* Une interface de papeterie claire, distincte des couleurs propres aux cartes. */
.fp-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.body-home .site-header,.body-home .site-header.is-stuck{--logo-bg:#324b40;--logo-fg:#fff;background:rgba(255,255,255,.96);border-bottom:1px solid #ecece6;backdrop-filter:blur(12px)}
.body-home .site-header .logo,.body-home .site-header .nav-link{color:#29362e}
.body-home .site-header .nav-link:hover{color:#526c5c}
.body-home .site-header .nav-cta{color:#fff;background:#324b40;border-color:#324b40}
.body-home .hero{background:#f7f8f3;color:#29362e;margin-top:0;padding:64px 0 56px}
.body-home .hero-grain{display:none}
.body-home .hero-title{color:#29362e;font-weight:500;line-height:1.1;font-size:clamp(2.45rem,4.5vw,4rem)}
.body-home .hero-title em{color:#6d7964}
.body-home .hero-eyebrow{color:#5b685e;letter-spacing:.08em;font-family:var(--font-body)}
.body-home .hero-eyebrow::before{display:none}
.body-home .hero-subtitle,.body-home .hero-trust{color:#60685e}
.body-home .hero .btn-paper{background:#324b40;border-color:#324b40;color:white}
.body-home .hero .btn-paper:hover{background:#23382d}
.body-home .hero .btn-outline-laiton{border-color:#cbd0c7;color:#344a3d;background:transparent}
.body-home .hero .btn-outline-laiton:hover{background:#e9ede4}
.body-home .hero-swatch{color:#586151;border-color:transparent;background:transparent}
.body-home .hero-swatch:hover,.body-home .hero-swatch.is-active{background:#fff;color:#29362e;border-color:#cbd0c7}
.body-home .hero-stage{box-shadow:0 18px 45px #33473418;transform:rotate(2deg)}
.body-home .type-card,.body-home .step-card,.body-home .template-card{border-radius:8px}
.body-home .type-card:hover{border-color:#aab7a3;box-shadow:none}
.body-home .template-frame{background:#f0f1ec}
.body-home .template-info{padding:22px}
.body-home .template-cta{color:#324b40}
.body-home .section-title{font-weight:500}
.body-home .final-cta-section{background:#e9eee4}
.body-home .final-cta-content h2{color:#29362e}
.body-home .final-cta-content p,.body-home .final-cta-note{color:#586151}
.body-home .final-cta-section .btn-paper{background:#324b40;color:#fff;border-color:#324b40}
.template-option{display:flex;flex-direction:column;align-items:center;cursor:pointer;min-width:0;border:1px solid #dedfd7;border-radius:8px;padding:12px 6px;background:#f7f8f3;position:relative}
.template-option:has(input:checked){border-color:#324b40;box-shadow:0 0 0 2px #324b40}
.template-option:has(input:focus-visible){outline:3px solid #86a99a;outline-offset:4px}
.template-option input{display:block;position:absolute;width:1px;height:1px;opacity:0}
.template-mini{--fp-scale:.245;display:block;position:relative;width:calc(559px * var(--fp-scale));height:calc(793px * var(--fp-scale));overflow:hidden;box-shadow:0 4px 12px #0000000e}
.template-mini .fp-paper{width:559px;height:793px;transform:scale(var(--fp-scale));transform-origin:top left;pointer-events:none}
.template-mini-name{font-size:12px;font-weight:600;text-align:center;margin-top:10px;color:#344a3d}
.ai-writing{margin:16px 0;padding:18px;background:#f2f5ee;border:1px solid #dce3d5;border-radius:8px}
.ai-writing summary{cursor:pointer;font-weight:600}
.ai-writing p{font-size:13px;line-height:1.6;margin:12px 0}
.ai-writing select{width:100%;margin:8px 0 12px}
.ai-writing [role=status]{color:#435344}
.model-detail{max-width:1060px;margin:0 auto;padding:64px 24px}
.model-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:64px}
.model-detail-card{--fp-scale:.55;width:calc(559px * var(--fp-scale));height:calc(793px * var(--fp-scale));margin:auto;box-shadow:0 15px 50px #00000010}
.model-detail-card .fp-paper{width:559px;height:793px;transform:scale(var(--fp-scale));transform-origin:top left}
.model-detail h1{font-weight:500;font-size:clamp(2rem,4vw,3rem)}
.model-detail p{line-height:1.8;color:#61635b;margin:18px 0}
.model-detail-links{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}
@media(max-width:767px){.body-home .hero{padding:36px 0 40px}.body-home .hero-title{font-size:2.55rem}.body-home .hero-stage{transform:none}.model-detail-grid{grid-template-columns:1fr;gap:32px}.model-detail{padding:32px 20px}.template-mini{--fp-scale:.23}}
@media(max-width:360px){.template-mini{--fp-scale:.20}.model-detail-card{--fp-scale:.48}}

/* Le canevas garde le repère A5 sur mobile ; seul son conteneur est réduit. */
.editor-preview-panel .fp-preview{width:559px;height:793px;aspect-ratio:auto;flex-shrink:0}
.preview-wrapper{width:559px;flex-shrink:0;transform-origin:top center}
@media(max-width:767px){.preview-container{padding:16px;min-height:480px;overflow:auto}.editor-logo{font-size:14px}.editor-autosave{max-width:140px;font-size:11px}.editor-header{gap:12px}}

.body-home .template-info .template-cta + .template-cta{margin-left:14px}