html{scroll-behavior:smooth}body{position:relative;isolation:isolate}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.center{text-align:center}.compact-panel{max-width:650px;margin:35px auto}.plain-text{white-space:pre-wrap;overflow-wrap:anywhere}.table-scroll{overflow-x:auto}.workspace-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.workspace-nav a{padding:8px 12px;background:white;border:1px solid var(--line);border-radius:8px;font-size:13px;color:var(--muted)}.workspace-nav [aria-current=page]{background:var(--lavender);color:var(--violet)}.details-grid{display:grid;grid-template-columns:180px 1fr;gap:12px 20px}.details-grid dt{color:var(--muted)}.details-grid dd{margin:0;overflow-wrap:anywhere}.snapshot-preview{width:100%;height:600px;border:1px solid var(--line)}.model-public-art{background:var(--lavender);border-radius:12px;padding:30px 20px;margin-bottom:25px;text-align:center;min-height:220px}.model-public-art h2{font-family:Georgia,serif;margin:20px 0}.timeline>div{padding:17px;background:var(--lavender);border-radius:9px;margin-bottom:12px;text-align:center}.timeline>div:nth-child(even){background:none;font-size:12px;color:var(--muted)}.about-art{font:50px/1.4 Georgia,serif;padding:60px 40px}.faq-list details{padding:18px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:bold;line-height:1.5}details p{margin:15px 0 0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.legal-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:25px}.legal-menu{display:flex;flex-direction:column;gap:10px;align-items:start}.legal-menu a{padding:9px 13px;border-radius:8px}.legal-menu [aria-current=page]{background:var(--lavender);color:var(--violet)}.legal-text{padding:35px;overflow-wrap:anywhere}.legal-text h2{font-size:22px;margin:32px 0 16px}.legal-text h2:first-child{margin-top:0}.legal-text p,.legal-text li{font-size:14px;line-height:1.85;color:var(--ink)}.legal-text table{font-size:13px;display:block;max-width:100%;overflow-x:auto}.legal-text th,.legal-text td{min-width:120px;vertical-align:top}.legal-text strong{color:#30263f}.footer-expanded{display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr;background:#f0ebf7;padding:35px 4%;gap:30px}.footer-expanded>div{display:flex;flex-direction:column;gap:10px;align-items:start}.footer-expanded a:not(.brand),.footer-expanded .text-button{font-size:12px;color:var(--muted)}.footer-expanded strong{font-size:13px;margin-bottom:8px}.footer-expanded p{margin:10px 0}.cookie-dialog{border:1px solid var(--line);border-radius:20px;background:white;color:var(--ink);padding:0;width:680px;max-width:calc(100% - 28px);max-height:90vh;box-shadow:0 20px 70px #30263f33}.cookie-dialog::backdrop{background:#30263f55;backdrop-filter:blur(5px)}.cookie-content{padding:28px}.cookie-content h2{margin:12px 0}.cookie-content p{font-size:13px;line-height:1.7}.cookie-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.cookie-actions .button{padding:11px 8px;font-size:13px;min-height:44px;border-color:#b9a4d8}.cookie-category{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-top:1px solid var(--line);font-size:13px}.cookie-category p{margin:7px 0 0}.cookie-category .badge{white-space:nowrap}.skip-link{position:absolute;left:15px;top:-100px;background:white;padding:12px;z-index:10001}.skip-link:focus{top:12px}.reading-progress{height:3px;position:fixed;top:0;left:0;width:100%;z-index:999;background:transparent;pointer-events:none}.reading-progress span{display:block;height:100%;width:0;background:var(--violet)}.ambient-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(65px);opacity:.17;pointer-events:none;width:320px;height:320px}.orb-one{top:180px;left:-100px;background:#c3a2f1}.orb-two{top:450px;right:0;background:#e0c5ed}.navigation-loader{position:fixed;inset:0;z-index:12000;display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:center;background:#faf8fdf2;color:var(--violet);backdrop-filter:blur(10px);font-size:13px}.navigation-loader[hidden]{display:none}.loader-mark{font-size:30px;font-weight:bold;letter-spacing:-2px;background:var(--lavender);padding:20px;border-radius:25px}.site-header{position:relative;z-index:2;background:#ffffffec;backdrop-filter:blur(12px)}
html[data-motion=on] .hero h1{animation:headline-enter .8s cubic-bezier(.2,.8,.2,1) both}html[data-motion=on] .hero-art{animation:hero-enter 1s cubic-bezier(.2,.8,.2,1) both}html[data-motion=on] .ambient-orb{animation:aurora-drift 14s ease-in-out infinite alternate}html[data-motion=on] .hero-art .email-card{animation:card-float 7s ease-in-out infinite}html[data-motion=on] .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease var(--reveal-delay,0ms),transform .6s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms)}html[data-motion=on] .reveal.revealed{opacity:1;transform:none}html[data-motion=on] .panel{transition:box-shadow .3s,transform .3s,border-color .3s}html[data-motion=on] .panel:hover{box-shadow:0 16px 40px #6d43990c;border-color:#d4c2e8}html[data-motion=on] .template-card:hover,html[data-motion=on] .model-public-art:hover{transform:translateY(-4px)}html[data-motion=on] .button{position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}html[data-motion=on] .button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #7350b826}html[data-motion=on] .button::after{content:'';position:absolute;inset:-50% -80%;background:linear-gradient(110deg,transparent 42%,#ffffff55 50%,transparent 58%);transform:translateX(-65%);transition:transform .55s;pointer-events:none}html[data-motion=on] .button:hover::after{transform:translateX(65%)}html[data-motion=on] .brand-mark:hover{transform:rotate(-8deg);transition:transform .3s}html[data-motion=on] .loader-mark{animation:loader-breathe 1s ease-in-out infinite}html[data-motion=on] .cookie-dialog[open]{animation:dialog-enter .3s ease both}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] .reveal{opacity:1;transform:none}
@keyframes headline-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes hero-enter{from{opacity:0;transform:translateY(20px) rotate(-2deg)}to{opacity:1;transform:none}}@keyframes aurora-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(25px,35px) scale(1.08)}}@keyframes card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes loader-breathe{0%,100%{transform:scale(.96)}50%{transform:scale(1.04)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:850px){.footer-expanded{grid-template-columns:1fr 1fr}.legal-layout{grid-template-columns:1fr}.legal-menu{flex-direction:row;flex-wrap:wrap}.grid.two{grid-template-columns:1fr}.about-art{font-size:40px}.legal-text{padding:25px}.workspace-nav{gap:6px}}
@media(max-width:500px){.cookie-actions{grid-template-columns:1fr}.cookie-content{padding:22px}.cookie-category{flex-wrap:wrap}.footer-expanded{gap:25px;padding:28px 18px}.details-grid{grid-template-columns:1fr;gap:6px}.details-grid dd{margin-bottom:10px}.legal-text{padding:20px}.legal-text h2{font-size:20px}.workspace-nav a{font-size:12px;padding:8px}.ambient-orb{width:180px;height:180px;filter:blur(45px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
@media print{.site-header,.site-footer,.ambient-orb,.reading-progress,.navigation-loader,.cookie-dialog,.legal-menu,.skip-link{display:none!important}.container{max-width:none;padding:0}.legal-layout{display:block}.legal-text{border:0;padding:0}.reveal{opacity:1!important;transform:none!important}body{background:white;color:black}a{color:inherit}h2{break-after:avoid}tr{break-inside:avoid}}

/* Entrées et interactions du thème Studio lavande. */
html[data-motion=on] .site-header{animation:header-arrive .65s cubic-bezier(.2,.8,.2,1) both}
html[data-motion=on] .container{animation:page-arrive .5s ease backwards}
html[data-motion=on] .nav-group[open]>.nav-dropdown{animation:menu-arrive .2s cubic-bezier(.2,.8,.2,1) both;transform-origin:top center}
html[data-motion=on] .nav-dropdown a{transition:background .18s,transform .18s,color .18s}
html[data-motion=on] .nav-dropdown a:hover{transform:translateX(3px)}
html[data-motion=on] .nav-item-icon{transition:transform .22s,background .22s}
html[data-motion=on] .nav-dropdown a:hover .nav-item-icon{transform:rotate(-6deg);background:#eee4fa}
html[data-motion=on] .trial-cta span{transition:transform .2s}
html[data-motion=on] .trial-cta:hover span{transform:translate(2px,-2px)}
html[data-motion=on] .pricing-card,html[data-motion=on] .dashboard-shortcut{transition:transform .28s,box-shadow .28s,border-color .28s}
html[data-motion=on] .pricing-card:hover,html[data-motion=on] .dashboard-shortcut:hover{transform:translateY(-5px);box-shadow:0 20px 40px #7350b817;border-color:#c6afdf}
html[data-motion=on] .hero-art .email-art{background-image:linear-gradient(115deg,#dcccf1,#cbb4e9,#e1d0ef);background-size:220% 220%;animation:color-tide 12s ease-in-out infinite alternate}
html[data-motion=on] .feature-icon{transition:transform .3s}
html[data-motion=on] .panel:hover .feature-icon{transform:translateY(-3px) rotate(-5deg)}
html[data-motion=on] .notice.success{animation:notice-arrive .5s cubic-bezier(.2,.8,.2,1) both}
html[data-motion=on] .notice.error{animation:notice-arrive .4s ease both}
html[data-motion=on] .quota-progress{animation:progress-arrive .8s cubic-bezier(.2,.8,.2,1) both;transform-origin:left center}
html[data-motion=on] input,html[data-motion=on] textarea,html[data-motion=on] select{transition:border-color .2s,box-shadow .2s,background .2s}
input:focus,textarea:focus,select:focus{border-color:#b79bd7;box-shadow:0 0 0 3px #eee5fa;background:#fff}
.button{position:relative;overflow:hidden}.tap-wave{position:absolute;pointer-events:none;width:12px;height:12px;margin:-6px;border-radius:50%;background:#ffffff70;animation:tap-wave .6s ease-out forwards}
html[data-motion=on] .footer-minimal a{transition:color .2s}
html[data-motion=on] .footer-minimal nav a{position:relative}
html[data-motion=on] .footer-minimal nav a:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:#b899d3;transform:scaleX(0);transform-origin:left;transition:transform .2s}
html[data-motion=on] .footer-minimal nav a:hover:after{transform:scaleX(1)}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}
@keyframes header-arrive{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@keyframes page-arrive{from{opacity:0}to{opacity:1}}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}
@keyframes color-tide{from{background-position:0% 30%}to{background-position:100% 80%}}
@keyframes notice-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes progress-arrive{from{transform:scaleX(.3)}to{transform:scaleX(1)}}
@keyframes tap-wave{from{transform:scale(1);opacity:.6}to{transform:scale(28);opacity:0}}
@media(prefers-reduced-motion:reduce){html[data-motion=on] *,html[data-motion=on] *:before,html[data-motion=on] *:after{animation:none!important;transition:none!important}}