/* FABLES AUDIO — V2 / 2026-10. Site statique indépendant de Shopify. */
/* Russo One : même police que l'interface du plugin Calyx (licence OFL dans assets/fonts). */
@font-face{font-family:"Russo One";src:url("../fonts/RussoOne-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
:root{--blue:#2452b8;--blue-dark:#173b90;--ink:#131923;--muted:#576f94;--line:#d9e0e9;--paper:#f5f7fb;--white:#fff;--sky:#e7eefc;--radius:10px;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.52 "Russo One",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #87abff;outline-offset:4px}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 56px),var(--max));margin:auto}h1,h2,h3,p{margin-top:0}p{margin-bottom:0}h1,h2,h3{line-height:1.11;letter-spacing:-.01em}h1{font-size:clamp(2.25rem,4.5vw,4.65rem)}h2{font-size:clamp(1.9rem,3vw,3rem)}h3{font-size:1.4rem}small,.small{font-size:.82rem}.eyebrow{font-size:.69rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase;color:var(--blue)}.muted{color:var(--muted)}.blue{color:var(--blue)}.mobile-only{display:none}
.skip{position:absolute;left:-9999px;top:0;background:#fff;padding:10px;z-index:999}.skip:focus{left:15px}
.topbar{background:var(--blue);color:#fff;text-align:center;font-size:.71rem;letter-spacing:.07em;font-weight:850;padding:8px 12px;text-transform:uppercase}
.site-header{position:sticky;top:0;z-index:60;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.head-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.17rem;font-weight:950;letter-spacing:-.055em;display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand-mark{color:#fff;background:var(--blue);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;width:32px;height:32px;letter-spacing:-.08em}.brand em{font-style:normal;color:var(--blue)}.brand-mark img{height:62%;width:auto}.brand .brand-title{height:20px;width:auto}.nav{display:flex;align-items:center;gap:28px}.nav a{font-weight:740;font-size:.85rem;text-decoration:none}.nav a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.nav .nav-highlight{background:var(--blue);color:#fff;padding:11px 15px;border-radius:6px}.menu-toggle{display:none;background:transparent;border:0;padding:8px;color:var(--ink);font-weight:750}
/* PAGE D'ACCUEIL : LA GRILLE PRODUIT EST LA SECTION HÉRO */
.sales-intro{padding:31px 0 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.sales-intro .eyebrow{margin-bottom:8px}.sales-intro h1{font-size:clamp(2.0rem,4vw,3.75rem);margin-bottom:4px}.sales-intro p{color:var(--muted);font-size:.98rem}.sales-proof{font-size:.75rem;font-weight:750;letter-spacing:.03em;color:var(--blue);white-space:nowrap;border:1px solid #c2d1f6;background:#edf3ff;padding:9px 12px;border-radius:5px;margin-bottom:4px}
.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.product-card{display:flex;flex-direction:column;overflow:hidden;background:var(--white);border:1px solid #cdd6e3;border-radius:var(--radius);min-width:0}.product-card.primary{border:2px solid var(--blue)}.product-card .card-media{height:247px;display:grid;place-items:center;position:relative;overflow:hidden;background:#eaf0f6;padding:14px}.card-media img{width:100%;height:100%;object-fit:contain}.product-card.dark .card-media{background:#0b1018}.product-card .card-body{padding:20px 21px 22px;flex:1;display:flex;flex-direction:column;gap:10px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.pill{font-size:.65rem;line-height:1.2;font-weight:850;letter-spacing:.08em;text-transform:uppercase;background:#eaf0ff;color:var(--blue);border:1px solid #cbdaf7;padding:6px 8px;border-radius:4px;white-space:nowrap}.pill.soon{background:#eee;color:#515761;border-color:#ddd}.price{font-size:1.3rem;font-weight:920;letter-spacing:-.05em;white-space:nowrap}.price .old{font-size:.75rem;font-weight:650;text-decoration:line-through;color:#777;margin-right:4px}.card-title{font-size:2.05rem;font-weight:920;margin:0;line-height:.99;letter-spacing:-.06em}.card-tagline{font-weight:750;font-size:1rem;letter-spacing:-.02em}.card-desc{color:#515b6b;font-size:.87rem;min-height:44px}.card-highlights{margin:0;padding:0;display:flex;gap:7px;flex-wrap:wrap;list-style:none}.card-highlights li{font-size:.70rem;font-weight:700;background:#f1f4f9;border-radius:3px;padding:4px 7px;color:#3a4455}.card-ctas{margin-top:auto;padding-top:6px;display:grid;gap:8px}.cta-primary,.cta-secondary,.cta-disabled,.textlink{font-weight:850;font-size:.87rem;text-align:center;text-decoration:none;border-radius:5px;min-height:45px;display:flex;align-items:center;justify-content:center;padding:10px 13px}.cta-primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}.cta-primary:hover{background:var(--blue-dark)}.cta-secondary{background:#fff;border:1px solid #c9d2df;color:var(--ink)}.cta-secondary:hover{border-color:var(--blue);color:var(--blue)}.cta-disabled{background:#edf0f3;color:#657080;border:1px solid #e0e3e8;cursor:not-allowed}.textlink{border:1px solid var(--line);background:transparent;color:var(--ink)}.textlink:hover{border-color:var(--blue);color:var(--blue)}.purchase-footnote{font-size:.72rem;color:#77808d;text-align:center;margin-top:3px}.notice-line{font-size:.76rem;color:#5d6776;font-weight:550}
/* PARALLEL SANS FAUX VISUEL PRODUIT */
.parallel-art{display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column;width:100%;height:100%;background:radial-gradient(ellipse at 72% 35%,#274993 0,transparent 45%),#101b32;color:#e6ecff;border:1px solid #294b88}.parallel-art .parallel-label{font-size:clamp(1.8rem,4vw,3.4rem);font-weight:900;line-height:1;letter-spacing:-.07em}.parallel-art .parallel-micro{margin-top:12px;font-size:.62rem;letter-spacing:.21em;font-weight:800;color:#abc6ff}.parallel-art .parallel-symbol{font-size:3rem;line-height:1;color:#78a4ff;letter-spacing:-.32em;margin-right:12px;margin-bottom:14px}
.shopify-mount{width:100%;min-height:45px}.shopify-mount iframe{max-width:100%}.shopify-mount.is-loading .shopify-fallback{background:#f0f4fb;color:#3b5b9b}.shopify-mount.is-ready .shopify-fallback{display:none}.shopify-fallback{width:100%;display:flex;align-items:center;justify-content:center;min-height:45px;background:var(--blue);color:#fff;border-radius:5px;padding:10px 12px;font-size:.82rem;font-weight:830;text-align:center}.shopify-fallback strong{font-weight:820}.shopify-fallback.has-error{background:#f0f2f6;color:#596476;border:1px dashed #b8c3d5}.shopify-fallback .fallback-preview{display:block}.shopify-fallback .fallback-preview::before{content:'APERÇU · ';font-size:.68rem;opacity:.82}
/* FOCUS CONVERSION : LE STRICT NECESSAIRE APRÈS LES CARTES */
.value-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 0 0;gap:12px}.value-item{padding:18px 20px;background:#eaf0f9;border:1px solid #d7e1f0;border-radius:7px}.value-item b{font-size:.86rem;letter-spacing:-.01em}.value-item p{font-size:.75rem;color:var(--muted);margin-top:4px}.bottom-section{margin:58px auto}.section-label{margin-bottom:16px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head p{max-width:520px;color:var(--muted)}.statement{background:#fff;border:1px solid var(--line);padding:28px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;border-radius:8px}.statement h2{font-size:clamp(1.75rem,2.8vw,3rem);max-width:550px;margin-bottom:12px}.statement p{color:var(--muted)}.statement-list{list-style:none;margin:0;padding:0;display:grid;gap:13px;align-content:center}.statement-list li{font-weight:680;font-size:.9rem;padding-left:22px;position:relative}.statement-list li::before{content:'✓';position:absolute;left:0;top:0;color:var(--blue);font-weight:950}.simple-faq{max-width:920px}.simple-faq h2{margin-bottom:22px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:15px 2px}summary{font-size:.94rem;cursor:pointer;font-weight:780;list-style:none;position:relative;padding-right:22px}summary::after{content:'+';position:absolute;right:0;top:-2px;font-size:1.2rem;color:var(--blue)}details[open] summary::after{content:'–'}details p{color:var(--muted);font-size:.88rem;max-width:740px;margin-top:10px;line-height:1.65}
/* FICHES PRODUITS */
.breadcrumbs{padding:21px 0 2px;color:#657184;font-size:.79rem;font-weight:630}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.detail-hero{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(320px,.8fr);gap:26px;margin:20px 0 30px;align-items:start}.detail-art{padding:16px;background:#eaf0f6;border:1px solid var(--line);border-radius:8px;min-height:410px;display:grid;place-items:center}.detail-art.dark{background:#0c1017}.detail-art img{width:100%;object-fit:contain;max-height:430px}.detail-art .parallel-art{min-height:400px}.detail-panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px;display:flex;flex-direction:column;gap:15px}.detail-panel h1{font-size:clamp(2.2rem,3.8vw,4.3rem);line-height:.97;margin:0}.detail-panel .lede{font-size:1.04rem;font-weight:700;line-height:1.4}.detail-panel .product-summary{color:var(--muted);font-size:.91rem}.detail-price{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-price strong{font-size:2rem;letter-spacing:-.05em}.detail-price span{font-size:.76rem;color:var(--muted)}.detail-panel .cta-secondary{margin-top:-4px}.benefit-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.benefit-list li{font-size:.9rem;font-weight:650;position:relative;padding-left:23px}.benefit-list li::before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:950}.details-section{margin:52px auto}.details-section h2{margin-bottom:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.feature .number{display:block;font-size:.76rem;color:var(--blue);font-weight:900;letter-spacing:.08em;margin-bottom:12px}.feature h3{font-size:1.25rem;margin:0 0 8px}.feature p{font-size:.86rem;color:var(--muted)}.spec{background:#e9eff9;border-left:4px solid var(--blue);padding:18px 20px;font-size:.85rem;color:#46546c}.spec strong{color:var(--ink)}.product-bottom-cta{background:var(--blue);color:#fff;padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:8px}.product-bottom-cta h2{font-size:1.6rem;margin:0 0 6px}.product-bottom-cta p{font-size:.85rem;color:#dce5fa}.product-bottom-cta .cta-secondary{color:var(--blue);background:#fff;border-color:#fff;white-space:nowrap}.roadmap-label{margin-top:8px;font-size:.74rem;font-weight:780;color:#5572a8}
/* FOOTER */
.site-footer{margin-top:65px;background:#111b2c;color:#e5eafa;padding:34px 0 18px}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-inner .brand{color:#fff}.footer-inner .brand .brand-mark{background:#3163d0}.footer-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.footer-links a{font-size:.77rem;color:#c0cadc;text-decoration:none}.footer-note{border-top:1px solid #273954;margin-top:25px;padding-top:16px;font-size:.72rem;color:#9fb0c9;display:flex;justify-content:space-between;gap:20px}
/* LEGAL */
.legal-doc{background:#fff;border:1px solid var(--line);border-radius:8px;max-width:880px;margin:35px auto 70px;padding:36px}.legal-doc h1{font-size:2.5rem;margin-bottom:15px}.legal-doc h2{font-size:1.22rem;letter-spacing:-.02em;margin:28px 0 10px}.legal-doc p,.legal-doc li{font-size:.89rem;line-height:1.75;color:#56606e}.legal-warning{border:1px solid #e8b1a5;background:#fff0ed;color:#7f3024;padding:14px;font-size:.84rem;font-weight:800;margin:18px 0;border-radius:5px}.error-page{min-height:65vh;display:flex;align-items:center;justify-content:center;text-align:center}.error-page h1{font-size:5rem;margin-bottom:10px}
@media (max-width:1060px){.wrap{width:min(calc(100% - 38px),var(--max))}.product-grid{gap:12px}.product-card .card-media{height:205px}.product-card .card-body{padding:16px}.card-title{font-size:1.8rem}.card-highlights li{font-size:.65rem}.detail-hero{grid-template-columns:1fr 1fr;gap:15px}.detail-art{min-height:360px}.detail-panel{padding:23px}.nav{gap:15px}}
@media (max-width:800px){.sales-intro{align-items:start;flex-direction:column;padding:27px 0 19px;gap:7px}.sales-proof{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card:last-child{grid-column:1 / -1}.product-card:last-child .card-media{height:165px}.value-strip{grid-template-columns:1fr 1fr}.value-item:last-child{grid-column:1 / -1}.detail-hero{grid-template-columns:1fr}.detail-art{min-height:0}.detail-panel{gap:13px}.feature-grid{grid-template-columns:1fr 1fr}.statement{grid-template-columns:1fr;gap:22px}}
@media (max-width:600px){.wrap{width:calc(100% - 26px)}.topbar{font-size:.58rem;padding:6px 10px}.head-inner{min-height:61px}.brand{font-size:1.02rem}.brand-mark{height:29px;width:29px}.brand .brand-title{height:17px}.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:14px 14px 18px;box-shadow:0 14px 18px #1426491f;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:5px}.nav.open{display:flex}.nav a{padding:11px;border-radius:4px}.nav .nav-highlight{text-align:center}.sales-intro{padding:22px 0 15px}.sales-intro h1{font-size:2.2rem}.sales-intro p{font-size:.83rem}.product-grid{grid-template-columns:1fr;gap:12px}.product-card:last-child{grid-column:auto}.product-card .card-media{height:225px}.product-card:last-child .card-media{height:185px}.card-meta{margin-bottom:0}.card-title{font-size:1.9rem}.card-desc{min-height:0}.product-card .card-body{gap:8px;padding:16px}.value-strip{grid-template-columns:1fr;gap:8px;margin-top:15px}.value-item:last-child{grid-column:auto}.value-item{padding:13px 15px}.bottom-section{margin:40px auto}.statement{padding:18px}.section-head{display:block}.section-head p{margin-top:10px}.feature-grid{grid-template-columns:1fr;gap:10px}.feature{padding:18px}.detail-hero{margin-top:14px;gap:12px}.detail-art{padding:8px}.detail-art img{max-height:260px}.detail-panel{padding:19px}.detail-panel h1{font-size:2.7rem}.detail-price strong{font-size:1.8rem}.details-section{margin:38px auto}.product-bottom-cta{flex-direction:column;align-items:stretch;padding:22px}.footer-inner,.footer-note{flex-direction:column}.footer-inner{gap:20px}.footer-note{gap:8px}.legal-doc{padding:19px;margin:20px auto 50px}.legal-doc h1{font-size:2rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
