:root{--fond:#f3ebdc;--panneau:#fcf8f0;--trait:#e6dcc9;--encre:#2b2723;--encre-douce:#7d766c;--accent:#e94b88;--accent-clair:#ffe4e6;color:var(--encre);background:var(--fond);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}*{box-sizing:border-box}html,body{height:100%;margin:0}#root{min-height:100%}canvas{touch-action:none;display:block}button{font:inherit;color:inherit;cursor:pointer}.application{height:100%;display:flex}.panneau{background:var(--panneau);border-right:1px solid var(--trait);flex-direction:column;flex:none;width:340px;display:flex}.panneau-entete{border-bottom:1px solid var(--trait);padding:22px 22px 14px}.panneau-entete h1{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600}.panneau-entete p{color:var(--encre-douce);margin:3px 0 0;font-size:13px}.version{background:var(--fond);border:1px solid var(--trait);letter-spacing:.06em;color:var(--encre-douce);vertical-align:3px;border-radius:5px;margin-left:4px;padding:2px 6px;font-size:10px;font-weight:600}.panneau-corps{flex:1;padding:4px 22px 22px;overflow-y:auto}.panneau-pied{border-top:1px solid var(--trait);background:var(--panneau);padding:14px 22px 18px}.vue3d{flex:1;min-width:0;position:relative}.vue-vide{color:var(--encre-douce);pointer-events:none;place-content:center;margin:0;display:grid;position:absolute;inset:0}.bloc{border-bottom:1px solid var(--trait);padding:18px 0}.bloc:last-child{border-bottom:none}.bloc h2{letter-spacing:.07em;text-transform:uppercase;color:var(--encre-douce);margin:0 0 12px;font-size:12px;font-weight:600}.sous-titre{color:var(--encre-douce);margin:-6px 0 12px;font-size:13px}.note{color:var(--encre-douce);margin:10px 0 0;font-size:12px;line-height:1.45}.segments{border:1px solid var(--trait);border-radius:8px;display:flex;overflow:hidden}.segment{background:0 0;border:none;flex:1;padding:8px 0;font-size:14px;transition:background .15s}.segment+.segment{border-left:1px solid var(--trait)}.segment:hover{background:#efe6d4}.segment.actif{background:var(--encre);color:#fbfaf7}.fleur{border-bottom:1px dashed var(--trait);padding:12px 0}.fleur:last-child{border-bottom:none}.fleur.eteinte{opacity:.45}.fleur-entete{justify-content:space-between;align-items:center;gap:8px;display:flex}.interrupteur{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.interrupteur input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.prix-tige{color:var(--encre-douce);white-space:nowrap;font-size:12px}.ligne-quantite{align-items:center;gap:8px;margin-top:10px;display:flex}.ligne-quantite button{border:1px solid var(--trait);background:#fffdf8;border-radius:6px;flex:none;width:26px;height:26px;line-height:1}.ligne-quantite button:hover{background:#efe6d4}.ligne-quantite input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.ligne-quantite output{text-align:right;font-variant-numeric:tabular-nums;width:22px;color:var(--encre-douce);font-size:13px}.teintes{gap:8px;margin-top:10px;display:flex}.teinte{border:1px solid #00000024;border-radius:50%;width:26px;height:26px;padding:0;transition:transform .12s}.teinte:hover{transform:scale(1.1)}.teinte.choisie{box-shadow:0 0 0 2px var(--panneau), 0 0 0 3.5px var(--encre)}.bouton-principal{background:var(--encre);color:#fbfaf7;border:none;border-radius:8px;width:100%;padding:11px 0;font-weight:500}.bouton-principal:hover:not(:disabled){background:#3f3933}.bouton-principal:disabled{opacity:.35;cursor:not-allowed}.bouton-secondaire{border:1px solid var(--trait);background:#fffdf8;border-radius:8px;width:100%;padding:9px 0}.bouton-secondaire:hover{background:#efe6d4}.lien-retour,.lien-discret{color:var(--accent);background:0 0;border:none;padding:14px 0 0;font-size:13px}.lien-retour:hover,.lien-discret:hover{text-decoration:underline}.total{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.total span{color:var(--encre-douce);font-size:13px}.total strong{font-variant-numeric:tabular-nums;font-size:21px;font-weight:600}.pastille{vertical-align:-1px;border:1px solid #00000024;border-radius:50%;flex:none;width:12px;height:12px;margin-right:7px;display:inline-block}.recap-liste{margin:0;padding:0;list-style:none}.recap-liste li{border-bottom:1px dashed var(--trait);align-items:center;gap:2px;padding:9px 0;display:flex}.recap-nom{flex:1}.recap-nom em{color:var(--encre-douce);font-size:12px;font-style:normal;display:block}.recap-prix{font-variant-numeric:tabular-nums;font-size:14px}.recap-totaux{margin:14px 0 0}.recap-totaux div{color:var(--encre-douce);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.recap-totaux dt,.recap-totaux dd{margin:0}.recap-totaux .ligne-total{border-top:1px solid var(--trait);color:var(--encre);margin-top:6px;padding-top:10px;font-size:16px;font-weight:600}.confirmation{text-align:center;color:var(--accent);background:var(--accent-clair);border-radius:8px;margin:0;padding:10px 0;font-size:14px;line-height:1.5}.confirmation span{color:var(--encre-douce);font-size:12px}.fiche{font-variant-numeric:tabular-nums}.fiche-entetes{gap:10px;margin-bottom:16px;display:flex}.fiche-entetes div{flex:1}.etiquette{letter-spacing:.05em;text-transform:uppercase;color:var(--encre-douce);margin-bottom:2px;font-size:11px;display:block}.fiche-entetes strong{font-size:15px;font-weight:600}.graine{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.fiche-table{border-collapse:collapse;width:100%;font-size:13px}.fiche-table th{text-align:left;border-bottom:1px solid var(--encre);letter-spacing:.05em;text-transform:uppercase;color:var(--encre-douce);padding:6px 4px;font-size:11px;font-weight:600}.fiche-table td{border-bottom:1px solid var(--trait);vertical-align:top;padding:8px 4px}.fiche-table .qte{width:34px;font-weight:600}.fiche-table code{color:var(--encre-douce);margin-left:19px;font-size:11px;display:block}@media (width<=760px){.application{flex-direction:column-reverse}.panneau{border-right:none;border-top:1px solid var(--trait);width:100%;max-height:55%}.vue3d{flex:1;min-height:45%}}@font-face{font-family:Cal Sans;src:url(https://cdn.jsdelivr.net/npm/@fontsource/cal-sans@5.3.0/files/cal-sans-latin-400-normal.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Inter vitrine;src:url(https://cdn.jsdelivr.net/npm/@fontsource/inter@5/files/inter-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter vitrine;src:url(https://cdn.jsdelivr.net/npm/@fontsource/inter@5/files/inter-latin-500-normal.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter vitrine;src:url(https://cdn.jsdelivr.net/npm/@fontsource/inter@5/files/inter-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Inter vitrine;src:url(https://cdn.jsdelivr.net/npm/@fontsource/inter@5/files/inter-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}.site{--v-blanc:#fff;--v-hero:#fffafc;--v-tiede:#fbfaf8;--v-sombre:#101828;--v-titre:#030712;--v-corps:#4a5565;--v-discret:#6a7282;--v-filet:#e5e7eb;--v-accent:#e94b88;--v-rose:#ffe4e6;--v-large:1200px;--v-prose:768px;--v-marge:24px;--duree-eclair:90ms;--duree-vif:.18s;--duree-base:.32s;--duree-ample:.62s;--sortie:cubic-bezier(.16, 1, .3, 1);--ressort:cubic-bezier(.34, 1.4, .64, 1);background:var(--v-blanc);height:auto;min-height:100%;color:var(--v-corps);-webkit-font-smoothing:antialiased;font-family:Inter vitrine,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.6}.site :is(h1,h2,h3):not(.application *){color:var(--v-titre);margin:0;font-family:Cal Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;font-weight:400}.site h1:not(.application *){letter-spacing:-.035em;font-size:clamp(40px,6.2vw,72px);line-height:1.02}.site h2:not(.application *){letter-spacing:-.025em;font-size:clamp(30px,4vw,48px);line-height:1.04}.site h3:not(.application *){letter-spacing:-.015em;font-size:21px;line-height:1.25}.site p:not(.application *){margin:0 0 18px}.site strong:not(.application *){color:var(--v-titre);font-weight:600}.site code:not(.application *){background:var(--v-tiede);border:1px solid var(--v-filet);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.site .application{color:var(--encre);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:normal}.site-entete{z-index:20;padding:16px var(--v-marge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--v-filet);background:#ffffffd1;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.marque{letter-spacing:-.03em;color:var(--v-titre);font-family:Cal Sans,ui-sans-serif,system-ui,sans-serif;font-size:22px}.marque em{color:var(--v-accent);font-style:normal}.site-lien{border:2px solid var(--v-accent);background:var(--v-blanc);height:40px;color:var(--v-titre);border-radius:999px;align-items:center;padding:0 20px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .15s,color .15s;display:inline-flex}.site-lien:hover{background:var(--v-accent);color:var(--v-blanc)}.hero{--v-voile:.72;--v-fond:url(/fond-fleurs.jpg);background-color:var(--v-hero);background-image:linear-gradient(rgb(255 255 255/var(--v-voile)), rgb(255 255 255/var(--v-voile))), var(--v-fond);border-bottom:1px solid var(--v-filet);padding:clamp(56px, 9vw, 112px) var(--v-marge) clamp(56px, 8vw, 96px);background-position:50%;background-repeat:no-repeat;background-size:cover}@media (width<=1500px){.hero{background-image:linear-gradient(#fffafc80 0, #fffafcc7 30vw, var(--v-hero) 50vw), var(--v-fond);background-position:top;background-size:auto,100%}}.hero-grille{max-width:var(--v-large);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);margin:0 auto;display:grid}.surtitre{border:1px solid var(--v-filet);background:var(--v-blanc);color:var(--v-corps);letter-spacing:normal;text-transform:none;border-radius:999px;align-items:center;gap:8px;margin:0 0 24px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.surtitre:before{content:"";background:var(--v-accent);border-radius:50%;width:7px;height:7px}.hero h1 em{color:var(--v-accent);font-style:normal}.accroche{max-width:34em;color:var(--v-corps);margin:24px 0 0;font-size:clamp(17px,1.4vw,20px);line-height:1.62}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.bouton-hero,.lien-hero{border-radius:999px;justify-content:center;align-items:center;height:52px;padding:0 28px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-flex}.bouton-hero{background:var(--v-titre);color:var(--v-blanc);border:1px solid var(--v-titre)}.bouton-hero:hover{background:#1d2433}.lien-hero{background:var(--v-blanc);color:var(--v-titre);border:1px solid var(--v-filet)}.lien-hero:hover{border-color:var(--v-accent)}.hero-preuves{color:var(--v-discret);flex-wrap:wrap;gap:10px 24px;margin:32px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.hero-preuves li{align-items:center;gap:8px;display:flex}.hero-preuves li:before{content:"";background:var(--v-accent);border-radius:50%;flex:none;width:6px;height:6px}.hero-visuel{aspect-ratio:1;border:1px solid var(--v-filet);background:#f3ebdc;border-radius:36px;position:relative;overflow:hidden}.hero-visuel canvas{border-radius:inherit}.hero-legende{border:1px solid var(--v-filet);color:var(--v-titre);background:#fffffff2;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;display:inline-flex;position:absolute;bottom:16px;left:16px}.bande{padding:clamp(56px, 7vw, 96px) var(--v-marge);background:var(--v-blanc)}.bande-claire{background:var(--v-tiede)}.colonnes{max-width:var(--v-large);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(32px,4vw,64px);margin:0 auto;display:grid}.colonnes h2{margin-bottom:20px}.section-titre{max-width:var(--v-prose);text-align:center;margin:0 auto clamp(40px,5vw,64px)}.section-titre h2{margin-bottom:20px}.section-titre p{margin:0;font-size:19px;line-height:1.62}.section-demo{padding:clamp(56px, 7vw, 96px) var(--v-marge);background:var(--v-hero);border-top:1px solid var(--v-filet);border-bottom:1px solid var(--v-filet)}.cadre-demo{max-width:var(--v-large);border:1px solid var(--v-filet);background:var(--v-blanc);border-radius:36px;height:min(74vh,680px);margin:0 auto;overflow:hidden}.note-demo{max-width:var(--v-prose);text-align:center;color:var(--v-discret);margin:24px auto 0;font-size:14px}.grille{max-width:var(--v-large);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin:0 auto;display:grid}.grille article{border:1px solid var(--v-filet);background:var(--v-blanc);border-radius:24px;padding:32px;transition:border-color .15s}.grille article:hover{border-color:var(--v-accent)}.grille h3{margin-bottom:12px}.grille p{margin:0;font-size:16px;line-height:1.62}.a-completer{max-width:var(--v-prose);border:1px dashed var(--v-accent);background:var(--v-rose);color:var(--v-corps);border-radius:24px;margin:0 auto;padding:28px 32px;font-size:16px}.a-completer>:last-child{margin-bottom:0}.a-completer strong{color:var(--v-titre)}.a-completer ul{margin:16px 0 0;padding-left:20px}.a-completer li{margin-bottom:10px}.site-pied{padding:clamp(48px, 6vw, 80px) var(--v-marge);background:var(--v-sombre);color:#9ca3af}.site-pied>*{max-width:var(--v-prose);margin-left:auto;margin-right:auto}.site-pied>span{letter-spacing:-.03em;color:#fff;margin-bottom:20px;font-family:Cal Sans,ui-sans-serif,system-ui,sans-serif;font-size:24px;display:block}.site-pied em{color:var(--v-accent);font-style:normal}.site-pied .a-completer{color:#d1d5db;background:#ffffff0a;border-color:#e94b888c}.site-pied .a-completer strong{color:#fff}@media (width<=900px){.hero-grille{grid-template-columns:minmax(0,1fr)}.hero-visuel{aspect-ratio:4/3;order:2}.cadre-demo{border-radius:24px;height:min(80vh,620px)}}@media (width<=560px){.site{--v-marge:18px}.hero-actions .bouton-hero,.hero-actions .lien-hero{flex:100%}.grille article,.a-completer{padding:24px}}@keyframes v-monter{0%{opacity:0;transform:translateY(18px)}}@keyframes v-monter-doux{0%{opacity:0;transform:translateY(10px)}}@keyframes v-mot{0%{opacity:0;transform:translateY(.5em)rotate(2deg)}}@keyframes v-poser{0%{opacity:0;transform:scale(.94)}}.hero .surtitre,.hero .accroche,.hero .hero-actions,.hero .hero-preuves,.hero-visuel{animation:v-monter var(--duree-ample) var(--sortie) both}.hero .surtitre{animation-delay:40ms}.hero .accroche{animation-delay:.38s}.hero .hero-actions{animation-delay:.46s}.hero .hero-preuves{animation-delay:.54s}.hero-visuel{animation-name:v-poser;animation-delay:.18s}.titre-anime .mot{vertical-align:bottom;margin-bottom:-.16em;padding-bottom:.16em;display:inline-block;overflow:hidden}.titre-anime .mot>span{animation:v-mot var(--duree-ample) var(--sortie) both;animation-delay:calc(.12s + var(--i) * 45ms);display:inline-block}.bande>*,.section-demo>*,.site-pied>*{animation:v-monter-doux var(--duree-ample) linear both;animation-timeline:view();animation-range:entry cover 25%}.grille article{animation:v-monter var(--duree-ample) linear both;animation-timeline:view();animation-range:entry cover 20%}.grille article:nth-child(2){animation-range:entry cover 24%}.grille article:nth-child(3){animation-range:entry cover 28%}.grille article:nth-child(4){animation-range:entry cover 32%}.grille article:nth-child(5){animation-range:entry cover 36%}.grille article:nth-child(n+6){animation-range:entry cover 40%}@keyframes v-entete{0%{border-bottom-color:#0000}}.site-entete{animation:1ms linear both v-entete;animation-timeline:scroll();animation-range:0 80px}.bouton-hero,.lien-hero,.site-lien{transition:transform var(--duree-vif) var(--sortie), background-color var(--duree-vif) var(--sortie), border-color var(--duree-vif) var(--sortie), color var(--duree-vif) var(--sortie)}.bouton-hero:hover,.lien-hero:hover,.site-lien:hover{transform:translateY(-2px)}.bouton-hero:active,.lien-hero:active,.site-lien:active{transition-duration:var(--duree-eclair);transform:translateY(0)}.grille article{transition:transform var(--duree-base) var(--sortie), border-color var(--duree-base) var(--sortie)}.grille article:hover{transform:translateY(-4px)}.hero-visuel{transition:transform var(--duree-base) var(--sortie)}.hero-visuel:hover{transform:translateY(-4px)}.site :is(a,button):focus-visible{outline:2px solid var(--v-accent);outline-offset:3px;transition:none}html:has(.site){background:#101828}html:has(.site) body{background:#fff}@media (prefers-reduced-motion:reduce){@keyframes v-monter{0%{opacity:0}}@keyframes v-monter-doux{0%{opacity:0}}@keyframes v-mot{0%{opacity:0}}@keyframes v-poser{0%{opacity:0}}.site :is(a,button,article,.hero-visuel):hover{transform:none}}