:root{--noir: #1a1a1a;--noir-soft: #2c2c2c;--noir-card: #232323;--creme: #f7f4ef;--creme-dark: #ede9e2;--blanc: #ffffff;--gris: #6b6b6b;--gris-light: #9a9a9a;--violet: #d98fef;--violet-dark: #b866d4;--violet-light: #eec9f8;--violet-glow: rgba(217, 143, 239, .15);--gold: #c9a96e;--vert: #10b981;--rouge: #e05252;--border: rgba(247, 244, 239, .08);--border-strong: rgba(247, 244, 239, .16);--serif: "Playfair Display", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--noir);color:var(--creme);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}.shapes{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.shape{position:absolute;opacity:0;animation:shape-in 2.4s cubic-bezier(.23,.86,.39,.96) forwards}.shape-inner{display:block;width:100%;height:100%;border-radius:999px;border:2px solid rgba(247,244,239,.12);box-shadow:0 8px 32px #d98fef1a,inset 0 0 0 1px #ffffff0a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:shape-float 12s ease-in-out infinite}.shape-inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.12),transparent 70%)}.shape-1{--rot: 12deg;width:600px;height:140px;left:-6%;top:16%}.shape-1 .shape-inner{background:linear-gradient(to right,rgba(217,143,239,.16),transparent);animation-delay:0s}.shape-2{--rot: -15deg;width:500px;height:120px;right:-4%;top:70%}.shape-2 .shape-inner{background:linear-gradient(to right,rgba(224,130,170,.14),transparent);animation-delay:1.5s}.shape-3{--rot: -8deg;width:300px;height:80px;left:6%;bottom:6%}.shape-3 .shape-inner{background:linear-gradient(to right,rgba(184,102,212,.15),transparent);animation-delay:.8s}.shape-4{--rot: 20deg;width:200px;height:60px;right:16%;top:11%}.shape-4 .shape-inner{background:linear-gradient(to right,rgba(201,169,110,.14),transparent);animation-delay:2.4s}.shape-5{--rot: -25deg;width:150px;height:42px;left:20%;top:7%}.shape-5 .shape-inner{background:linear-gradient(to right,rgba(238,201,248,.12),transparent);animation-delay:3.2s}@keyframes shape-in{0%{opacity:0;transform:translateY(-120px) rotate(calc(var(--rot) - 15deg))}to{opacity:1;transform:translateY(0) rotate(var(--rot))}}@keyframes shape-float{0%,to{transform:translateY(0)}50%{transform:translateY(15px)}}@media (prefers-reduced-motion: reduce){.shape{animation:none;opacity:1;transform:rotate(var(--rot))}.shape-inner{animation:none}}@media (max-width: 640px){.shape-1{width:340px;height:90px}.shape-2{width:300px;height:80px}.shape-4,.shape-5{display:none}}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:960px;margin:0 auto;padding:0 20px}h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.25}h1{font-size:clamp(1.7rem,4vw,2.4rem)}h2{font-size:1.35rem}h3{font-size:1.1rem}.accent{font-style:italic;color:var(--violet)}a{color:var(--violet);text-decoration:none;transition:color .2s ease}a:hover{color:var(--violet-light)}p.muted,.muted{color:var(--gris-light);font-weight:300}.small{font-size:.85rem}.site-header{position:sticky;top:0;z-index:10;background:#1a1a1ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;max-width:960px;margin:0 auto}.logo{font-family:var(--serif);font-size:1.15rem;color:var(--creme);white-space:nowrap}.logo em{color:var(--violet)}.main-nav{display:flex;align-items:center;gap:20px}.main-nav a{color:var(--gris-light);font-size:.9rem;position:relative;padding:4px 0}.main-nav a:hover,.main-nav a.active{color:var(--creme)}.main-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--violet)}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:var(--violet-dark);color:var(--blanc);font-size:.7rem;font-weight:600;vertical-align:middle}.avatar{width:34px;height:34px;border-radius:50%;background:var(--violet-glow);color:var(--violet-light);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:background .2s ease}.avatar:hover{background:#d98fef47}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border-radius:999px;border:none;font-family:var(--sans);font-size:.95rem;font-weight:500;cursor:pointer;transition:transform .15s ease,background .2s ease,box-shadow .2s ease,color .2s ease;text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--violet-dark),var(--violet));color:var(--blanc)}.btn-primary:hover{box-shadow:0 6px 24px #d98fef59;color:var(--blanc)}.btn-ghost{background:transparent;color:var(--creme);border:1px solid var(--border-strong)}.btn-ghost:hover{border-color:var(--violet);color:var(--violet-light)}.btn-danger{background:transparent;color:var(--rouge);border:1px solid rgba(224,82,82,.4)}.btn-danger:hover{background:#e0525214;color:var(--rouge)}.btn-sm{padding:7px 16px;font-size:.85rem}.plan-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-option{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;padding:16px;border-radius:14px;border:1px solid var(--border-strong);background:transparent;color:var(--creme);cursor:pointer;font-family:var(--sans);transition:border-color .2s ease,background .2s ease}.plan-option:hover{border-color:var(--violet)}.plan-option.active{border-color:var(--violet);background:var(--violet-glow)}.plan-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:22px}.plan-name{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gris-light)}.plan-price{font-family:var(--serif);font-size:1.4rem;color:var(--creme)}.plan-tag{display:inline-block;background:var(--violet);color:var(--noir);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:3px 9px;border-radius:999px;white-space:nowrap}@media (max-width: 480px){.plan-options{grid-template-columns:1fr}}.btn-google{background:var(--blanc);color:#3c4043;font-weight:500}.btn-google:hover{box-shadow:0 4px 16px #00000040;color:#3c4043}.or-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--gris);font-size:.8rem}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.btn[disabled]{opacity:.5;cursor:not-allowed}.card{background:var(--noir-soft);border:1px solid var(--border);border-radius:16px;padding:22px 24px;transition:border-color .2s ease}.card.hoverable:hover{border-color:var(--border-strong)}.card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gris-light);margin-bottom:10px}.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}.main-nav{gap:14px}.main-nav a{font-size:.82rem}}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 12px;border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap}.badge-actif{background:var(--violet);color:var(--noir)}.badge-envoyee{background:#f7f4ef14;color:var(--gris-light)}.badge-en-cours{background:var(--violet-glow);color:var(--violet-light)}.badge-terminee{background:#10b9811f;color:var(--vert)}.badge-attention{background:#c9a96e26;color:var(--gold)}.badge-resilie{background:#e052521f;color:var(--rouge)}.field{margin-bottom:18px}.field label{display:block;font-size:.85rem;color:var(--gris-light);margin-bottom:6px}.input,textarea.input,select.input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--border-strong);background:#f7f4ef0a;color:var(--creme);font-family:var(--sans);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-glow)}.input::placeholder{color:var(--gris)}textarea.input{resize:vertical;min-height:120px}input[type=file]{color:var(--gris-light);font-size:.8rem;max-width:100%}input[type=file]::file-selector-button{padding:7px 14px;margin-right:10px;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:var(--creme);font-family:var(--sans);font-size:.8rem;cursor:pointer;transition:border-color .2s ease,color .2s ease}input[type=file]::file-selector-button:hover{border-color:var(--violet);color:var(--violet-light)}.list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 4px;border-bottom:1px solid var(--border);color:inherit;transition:background .15s ease}.list-row:last-child{border-bottom:none}a.list-row:hover{background:#f7f4ef08;color:inherit}.list-row .title{font-size:.95rem;color:var(--creme)}.list-row .meta{font-size:.8rem;color:var(--gris-light);font-weight:300}.thread{display:flex;flex-direction:column;gap:12px}.bubble{max-width:78%;padding:12px 16px;border-radius:16px;font-size:.92rem}.bubble.client{align-self:flex-end;background:var(--violet-glow);color:var(--creme);border-bottom-right-radius:4px}.bubble.studio{align-self:flex-start;background:var(--noir-soft);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble .who{font-size:.72rem;color:var(--gris-light);margin-bottom:4px}.bubble img{max-width:100%;border-radius:10px;margin-top:8px;display:block}.page{flex:1;padding:40px 0 64px;animation:fadein .35s ease}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{margin-bottom:28px}.section-gap{margin-top:20px}.notice{padding:12px 16px;border-radius:12px;font-size:.88rem;margin-bottom:20px}.notice.ok{background:#10b9811a;color:var(--vert)}.notice.warn{background:#c9a96e1f;color:var(--gold)}.notice.err{background:#e052521a;color:var(--rouge)}.notice.info{background:var(--violet-glow);color:var(--violet-light)}.price{font-family:var(--serif);font-size:1.6rem;color:var(--creme)}.price .per{font-family:var(--sans);font-size:.85rem;color:var(--gris-light)}.tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.tab{padding:8px 18px;border-radius:999px;border:1px solid var(--border-strong);background:transparent;color:var(--gris-light);font-family:var(--sans);font-size:.88rem;cursor:pointer;transition:all .2s ease}.tab.active{background:var(--violet-glow);border-color:var(--violet);color:var(--violet-light)}.footer{border-top:1px solid var(--border);padding:24px 20px;text-align:center;font-size:.8rem;color:var(--gris)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:12px}.footer-links a{color:var(--gris-light)}.footer-links a:hover{color:var(--violet-light)}.legal h2{margin-top:28px;margin-bottom:8px;font-size:1.15rem}.legal p{margin-bottom:8px}.legal .checklist{margin:10px 0 4px}.legal .checklist li{font-size:.92rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step{position:relative}.step-num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--violet-glow);color:var(--violet-light);font-family:var(--serif);font-size:1.1rem;font-weight:600}@media (max-width: 640px){.steps{grid-template-columns:1fr}}.testimonials{display:flex;flex-direction:column;gap:16px;max-width:580px;margin:0 auto}.testimonial-card{margin:0;padding:30px 32px;border-radius:20px;border:1px solid var(--border-strong);background:#2c2c2c8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 40px #0000004d;text-align:center}.stars{color:var(--gold);font-size:1.05rem;letter-spacing:4px;margin-bottom:16px}.tquote{margin:0;font-style:italic;color:var(--creme);font-size:1.05rem;line-height:1.6}.tauthor{margin-top:18px;font-size:.92rem;font-weight:600;color:var(--violet)}.tauthor span{color:var(--gris-light);font-weight:400}@media (max-width: 560px){.tquote{font-size:.98rem}}.faq{display:flex;flex-direction:column;gap:12px}.faq-item{padding:0}.faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:500;color:var(--creme);display:flex;align-items:center;justify-content:space-between;gap:12px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--violet);font-size:1.3rem;line-height:1;transition:transform .2s ease}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 22px 20px}.checklist{list-style:none;margin:20px 0}.checklist li{display:flex;gap:10px;padding:7px 0;color:var(--creme);font-weight:300}.checklist li:before{content:"✦";color:var(--violet);flex-shrink:0}.center{text-align:center}.auth-card{max-width:420px;margin:0 auto}.demo-banner{background:var(--violet-glow);color:var(--violet-light);text-align:center;font-size:.78rem;padding:6px 12px}