:root{--purple:#7135d8;--ink:#2d2141;--muted:#655b76;--lilac:#f2ecfb;--line:#e4daef;--orange:#f5a044;--paper:#fffcf6;--white:#fff;font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#f4f1f8;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d28b2c;outline-offset:3px}a{color:var(--purple)}.reviewbar{background:#2d2141;color:white;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.reviewbar p{margin:4px 0;font-size:12px;color:#ddd0ef}.reviewbar strong{font-size:14px}.tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tools button,.tools a{color:white;background:#44345c;border:1px solid #665477;padding:10px 12px;border-radius:8px;text-decoration:none;font-size:13px}.tools button[aria-pressed=true]{background:white;color:#39244f}.workspace{max-width:1240px;margin:auto;padding:22px 24px 60px}.selector{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:18px}.selector label{font-size:12px;font-weight:600;display:flex;flex-direction:column;gap:6px}.selector select{padding:11px;border:1px solid var(--line);background:white;border-radius:8px;max-width:100%;color:var(--ink)}.selector .help{font-size:12px;color:var(--muted);flex:1;min-width:180px;margin:0 0 9px}.frame{background:white;max-width:1160px;margin:auto;border-radius:20px;overflow:hidden;box-shadow:0 14px 65px #42206613;container-type:inline-size}.frame.mobile{max-width:375px}.brandbar{padding:18px 5%;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #f2edf7}.brandbar img{width:125px;height:auto}.brandbar span{font-size:12px;color:var(--muted)}.hero{padding:45px 6% 48px;background:linear-gradient(140deg,#fff 25%,#f4edfd);display:grid;grid-template-columns:1.08fr .92fr;gap:46px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#71459e;text-transform:uppercase;margin:0 0 14px}.hero h1{font-family:Georgia,serif;font-size:clamp(35px,4.5vw,58px);line-height:1.07;letter-spacing:-1.6px;margin:0 0 20px;font-weight:500}.hero h1 em{font-style:normal;color:var(--purple)}.lead{font-size:17px;line-height:1.8;color:var(--muted);margin:0 0 24px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 25px}.chip{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 11px;font-size:12px;color:#665279}.btn{display:inline-block;background:var(--purple);color:white;border:1px solid var(--purple);padding:14px 20px;border-radius:12px;font-weight:650;font-size:15px;text-decoration:none;line-height:1.5;min-height:48px;text-align:center}.btn.secondary{background:white;color:var(--purple);border-color:#d8c4ed}.btn.quiet{background:transparent;color:var(--muted);border-color:var(--line)}.btn:hover{filter:brightness(.97)}.btn.full{width:100%}.signup{background:white;padding:23px;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 28px #6325a009}.signup label{display:block;font-size:13px;margin:0 0 8px;font-weight:650}.signup input[type=email]{display:block;width:100%;padding:13px;border:1px solid #cbb9dd;border-radius:9px;font-size:16px;margin-bottom:12px}.consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;line-height:1.6;margin:16px 0!important}.consent input{width:18px;height:18px;flex:0 0 18px;margin-top:2px}.fine{font-size:12px;line-height:1.65;color:var(--muted);margin:12px 0 0}.art{position:relative;min-height:460px;background:radial-gradient(ellipse at 65% 20%,#7544bb 0,#39215f 40%,#1d1739 80%);border-radius:130px 130px 24px 24px;overflow:hidden;color:#fff}.moon{position:absolute;width:80px;height:80px;border-radius:50%;background:#fff1c3;top:40px;right:35px;box-shadow:0 0 55px #ffe1a044}.sea{position:absolute;bottom:0;left:-20%;width:140%;height:105px;background:#413065;border-radius:50% 50% 0 0}.beam{position:absolute;top:153px;left:50%;width:85%;height:160px;background:linear-gradient(90deg,#ffda975e,transparent);clip-path:polygon(0 35%,100% 0,100% 100%,0 50%);transform:rotate(-10deg)}.tower{position:absolute;bottom:75px;left:calc(50% - 39px);width:78px;height:220px;background:repeating-linear-gradient(0deg,#eee0e3 0px,#eee0e3 60px,#c98fa8 61px,#c98fa8 90px);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%)}.roof{position:absolute;bottom:292px;left:calc(50% - 35px);width:70px;height:55px;background:#ffdfa0;border:8px solid #41244c;border-top:15px solid #9a6ab4;border-radius:50% 50% 0 0}.door{position:absolute;bottom:75px;left:calc(50% - 12px);width:24px;height:42px;border-radius:15px 15px 0 0;background:#442b59}.envelope{position:absolute;width:96px;height:62px;background:#fffcf3;border-radius:5px;box-shadow:0 8px 18px #11082133;transform:rotate(-15deg);left:12%;top:100px}.envelope:before{content:'';position:absolute;inset:0;clip-path:polygon(0 0,50% 60%,100% 0);background:#dfc5ec}.envelope:after{content:'✦';position:absolute;color:#8252b3;left:40px;top:22px;font-size:22px}.envelope.small{width:60px;height:40px;left:auto;right:12%;top:290px;transform:rotate(15deg)}.envelope.small:after{left:24px;top:13px;font-size:15px}.spark{position:absolute;color:#ffedbd;font-size:18px}.artcaption{position:absolute;bottom:20px;left:16px;right:16px;text-align:center;font-size:11px;letter-spacing:1px;color:#e3ccec}.section{padding:35px 6%}.section h2,.reading h1,.center h1{font-family:Georgia,serif;font-weight:500;font-size:32px;line-height:1.2;margin:10px 0 20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps b{display:block;color:var(--purple);margin-bottom:9px}.steps p{font-size:14px;line-height:1.7;color:var(--muted);margin:0}.storytease{background:var(--paper);border-top:1px solid #f0e9dc;border-bottom:1px solid #f0e9dc}.storytease blockquote{font:26px/1.5 Georgia,serif;margin:12px 0;color:#493553}.smallfooter{padding:22px 6%;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.smallfooter button{border:0;background:none;padding:0;color:var(--purple);text-decoration:underline;font-size:12px}.reading{max-width:680px;padding:40px 30px;margin:auto}.reading p{font:18px/1.9 Georgia,serif;margin:18px 0}.reading .eyebrow{font:650 11px/1.5 'Segoe UI',sans-serif}.reading .context{font:14px/1.7 'Segoe UI',sans-serif;color:var(--muted);border-left:3px solid #d8bce9;padding:6px 16px;background:#f9f6fc}.reading .actions{margin-top:28px;display:grid;gap:12px}.reading .meta{font:13px/1.7 'Segoe UI',sans-serif;color:var(--muted)}.center{max-width:650px;text-align:center;margin:auto;padding:65px 30px}.center p{color:var(--muted);line-height:1.8}.seal{width:68px;height:68px;background:var(--lilac);color:var(--purple);border-radius:50%;display:grid;place-items:center;margin:0 auto 25px;font-size:27px}.center .actions{display:grid;gap:12px;margin-top:25px}.previewmail{max-width:650px;margin:auto}.mailmeta{padding:20px 24px;background:white;border-bottom:1px solid var(--line);font-size:13px;line-height:1.8}.mailmeta b{color:var(--ink)}.mailmeta p{margin:0;color:var(--muted)}.simnext{padding:18px;background:#f0e9f8;text-align:center}.simnext p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 12px}.challenge{background:var(--paper);border:1px solid #efdfbe;border-radius:14px;padding:20px;margin:24px 0}.challenge p{font-family:'Segoe UI',sans-serif;font-size:15px;line-height:1.8}.challenge .pattern{font-size:19px;font-weight:650}.challenge button{background:white;border:1px solid #ceb6db;border-radius:9px;padding:10px 12px;margin:3px;min-height:44px}.challenge .feedback{font:14px/1.7 'Segoe UI',sans-serif;margin-bottom:0}.endbanner{padding:25px;background:var(--lilac);border-radius:15px;margin-top:30px}.endbanner p{font:15px/1.7 'Segoe UI',sans-serif}.endbanner h2{font:500 25px/1.3 Georgia,serif}.navgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.navgrid .btn{text-align:left}.notice{background:#fff6df;color:#725222;padding:16px 20px;font-size:13px;line-height:1.7;border-radius:12px;margin:18px 0}.progress{display:flex;gap:5px;margin:0 0 20px}.progress i{height:4px;flex:1;background:#e7dcf3;border-radius:3px}.progress i.on{background:#8952cb}.mobile .hero{display:flex;flex-direction:column;gap:24px;padding:30px 22px}.mobile .hero h1{font-size:38px}.mobile .hero .art{width:100%;min-height:340px;border-radius:90px 90px 20px 20px}.mobile .steps{grid-template-columns:1fr;gap:22px}.mobile .brandbar span{display:none}.mobile .reading{padding:28px 22px}.mobile .reading h1,.mobile .center h1{font-size:29px}.mobile .navgrid{grid-template-columns:1fr}.mobile .section{padding:30px 22px}.mobile .center{padding:40px 22px}.mobile .storytease blockquote{font-size:23px}
@container (max-width:650px){.hero{display:flex;flex-direction:column;gap:24px;padding:30px 22px}.hero h1{font-size:38px}.hero .art{width:100%;min-height:340px;border-radius:90px 90px 20px 20px}.steps{grid-template-columns:1fr;gap:22px}.brandbar span{display:none}.reading{padding:28px 22px}.reading h1,.center h1{font-size:29px}.navgrid{grid-template-columns:1fr}.section{padding:30px 22px}.center{padding:40px 22px}.storytease blockquote{font-size:23px}}
@media(max-width:600px){.workspace{padding:12px 10px 30px}.reviewbar{padding:14px}.tools{width:100%}.selector{gap:8px}.selector label{width:100%}.selector select{width:100%}.frame{border-radius:14px}.hero h1{font-size:37px}.reading p{font-size:17px}.mailmeta{padding:16px}.btn{font-size:14px;padding:13px 15px}}
@media print{.reviewbar,.selector,.simnext{display:none}.workspace{padding:0}.frame{box-shadow:none;max-width:none}.reading{max-width:none}}

/* Illustrations V2 : proportions complètes, sans recadrer Yuki. */
.hero-visual{margin:0;min-width:0;align-self:center}.hero-visual img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 16px 40px #39215f24}.hero-visual figcaption{font:500 21px/1.5 Georgia,serif;text-align:center;color:#583475;margin-top:20px}.scene-picture{margin:24px 0 28px}.scene-picture img{display:block;width:100%;height:auto;border-radius:16px}.scene-picture figcaption{font:12px/1.7 'Segoe UI',sans-serif;color:#655b76;margin-top:8px}.mobile .hero-visual{width:100%}@container(max-width:650px){.hero-visual{width:100%}}