
:root{color-scheme:dark;--ink:#f8eff1;--muted:#c7b7c2;--rose:#dfb0c9;--line:#ffffff24}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 10% 35%,#4c284840,transparent 60%),radial-gradient(ellipse at 90% 80%,#61364044,transparent 50%),#170f1b;color:var(--ink);font:16px/1.65 system-ui,sans-serif}a{color:inherit}header,footer{max-width:1360px;margin:auto;padding:30px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font:38px Georgia,serif;letter-spacing:-1.5px}.login{font-size:14px;text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:9px 20px}.login:hover{background:#ffffff10}main{max-width:1360px;min-height:76vh;margin:auto;padding:55px 48px 80px;display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:650;color:var(--rose)}h1{font:clamp(40px,4.3vw,67px)/1.15 Georgia,serif;letter-spacing:-1.8px;margin:24px 0 30px}h1 em{font-weight:400;color:var(--rose)}.lead{font-size:18px;color:var(--muted)}.line{width:80px;height:1px;background:var(--rose);margin:42px 0 24px}.disclosure{font-size:12px;color:var(--muted)}.invitation{border:1px solid var(--line);border-radius:26px;padding:34px;background:linear-gradient(145deg,#ffffff0a,#ffffff03);box-shadow:0 25px 70px #0002}h2{font:32px/1.2 Georgia,serif;margin:12px 0 18px}.invitation>p:not(.eyebrow){font-size:14px;color:var(--muted)}.gift{display:flex;gap:14px;padding:18px 0;border-block:1px solid var(--line);margin:24px 0}.gift-icon{font-size:32px;color:var(--rose)}.gift strong{font-size:16px}.gift p{font-size:12px;color:var(--muted);margin:4px 0 0}form>label:not(.check){display:block;font-size:13px;margin-bottom:8px}input[type=email]{width:100%;border:1px solid #ffffff35;border-radius:10px;background:#fff9f7;color:#352431;padding:14px;font:inherit}.check{display:flex;gap:10px;align-items:flex-start;font-size:12px;margin:18px 0;color:var(--muted)}input[type=checkbox]{accent-color:#aa567e;margin-top:5px;flex:none;width:16px;height:16px}button{width:100%;border:0;border-radius:10px;background:#d6acc3;color:#291728;padding:15px 20px;font:650 15px system-ui;display:flex;justify-content:space-between;cursor:pointer}button:hover{background:#ecc4da}.fine{font-size:10px;color:var(--muted)}:focus-visible{outline:3px solid #edb6d6;outline-offset:4px}.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}footer{border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer nav{display:flex;gap:22px}@media(max-width:1000px){main{gap:36px;grid-template-columns:1fr 1fr}.invitation{padding:25px}}@media(max-width:760px){header,footer{padding:22px}main{padding:25px 22px 50px;grid-template-columns:1fr;gap:28px;min-height:auto}h1{font-size:42px}.line{margin:25px 0}.intro .lead{font-size:16px}.invitation{padding:23px}footer{align-items:flex-start;flex-direction:column}footer nav{flex-wrap:wrap;gap:16px}}
/* Approved Mystère prune direction, with original Alma portrait and logo. */
header{max-width:none;background:#fffaf6;padding:18px max(30px,calc((100vw - 1264px)/2));color:#47283e;position:relative;z-index:2;}
.brand img{display:block;width:230px;height:auto}.login{border-color:#8c657950}
main{position:relative;display:block;max-width:none;min-height:calc(100vh - 160px);padding:48px max(30px,calc((100vw - 1264px)/2));isolation:isolate;overflow:hidden;}
main::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#29152cf7 0%,#29152cef 37%,#29152c80 56%,transparent 78%),url('teaser-alma-v1.jpg') right 30%/auto 115% no-repeat;z-index:-1;}
.intro,.invitation{width:min(530px,48%)}h1{font-size:58px;margin:16px 0 20px}.lead{font-size:18px;margin:0 0 20px}.intro .line,.intro .disclosure{display:none}
.invitation{padding:24px;background:#fffaf6;color:#47283e;border:0;border-radius:14px;margin-top:28px;box-shadow:0 20px 50px #0002;}
.invitation>.eyebrow,.invitation>h2,.invitation>p{display:none}.gift{margin:0 0 18px;padding:0 0 16px;border-color:#47283e22}.gift-icon{color:#b86e57}.gift p,.check,.fine{color:#765d6e}.gift strong{font-size:17px}
.check{margin:13px 0}.fine{font-size:11px}button{background:#b86e57;color:#fffaf6;font-size:14px}button:hover{background:#a35943}.notice{background:#f2e4ec;color:#47283e;padding:14px;border-radius:8px;margin-bottom:16px;font-size:14px}
footer{max-width:none;padding:18px 30px;background:#211024;font-size:11px}
@media(max-width:900px){h1{font-size:45px}.intro,.invitation{width:55%}main::before{background-position:right center;background-size:auto 100%;}.gift strong{font-size:15px}}
@media(max-width:650px){header{padding:16px 20px}.brand img{width:165px}main{padding:30px 20px;min-height:0}.intro,.invitation{width:100%}main::before{opacity:.22;background-position:right top;background-size:auto 700px}h1{font-size:43px}.lead{font-size:16px}.invitation{margin-top:24px;padding:20px}.login{padding:7px 13px}footer{padding:20px}}

main.legalpage{max-width:960px;margin:auto;padding:40px 30px;overflow:visible;min-height:0;}main.legalpage::before{display:none}.legalpage h1{font-size:36px}.legalpage h2{font-size:22px}.legalpage p{font-size:15px;color:#dfd1dc}.legalpage section{margin:30px 0;}

/* Mobile proposal v2: photo stays separate from copy and forms. */
main:not(.legalpage){display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px 54px;align-items:start;background:#291a2c;padding-top:38px;padding-bottom:48px}main:not(.legalpage)::before{display:none}.alma-hero{grid-column:2;grid-row:1 / span 2;position:sticky;top:24px;margin:0;border-radius:20px;overflow:hidden;background:#392c36}.alma-hero img{display:block;width:100%;height:min(790px,85vh);object-fit:cover;object-position:center 30%}.alma-hero figcaption{position:absolute;bottom:0;left:0;right:0;padding:36px 20px 14px;color:white;background:linear-gradient(transparent,#211024b3);font-size:13px}.intro,.invitation{width:100%;min-width:0}.intro{grid-column:1;grid-row:1}h1{font-size:clamp(34px,3.3vw,49px);line-height:1.13;margin:12px 0 20px}.lead{font-size:16px;line-height:1.65;color:#e2d5df}.chat-preview{background:#fffaf6;color:#47283e;border-radius:16px;padding:20px;margin-top:24px}.chat-preview h2{font:22px/1.3 Georgia,serif;margin:0 0 14px}.chat-preview h2 em{color:#b86e57}.chat-bubble{background:#f1e2e5;padding:14px 17px;border-radius:0 18px 18px;font:18px/1.45 Georgia,serif;margin:0 0 15px}.reply-examples{display:flex;flex-wrap:wrap;gap:9px}.reply-examples span{border:1px solid #ad3c67;border-radius:24px;padding:8px 12px;font-size:12px}.reply-examples span:last-child{background:#ad3c67;color:white}.example-caption{font-size:10px;text-align:right;color:#765d6e;margin:12px 0 0}.invitation{grid-column:1;grid-row:2;margin-top:0}.invitation>h2{display:block;font-size:28px;margin:0 0 20px}.invitation button{background:#a23b67}.invitation button:hover{background:#873055}
@media(max-width:760px){main:not(.legalpage){display:flex;flex-direction:column;gap:0;padding:0 0 30px}.alma-hero{position:relative;top:auto;width:100%;border-radius:0;order:0}.alma-hero img{height:320px;object-position:center 29%}.alma-hero figcaption{font-size:12px}.intro{order:1;padding:25px 20px 0}.intro h1{font-size:36px;letter-spacing:-1px}.intro h1 br{display:none}.intro .lead{font-size:15px}.eyebrow{font-size:10px;letter-spacing:1.8px}.chat-preview{padding:18px;margin-top:22px}.chat-preview h2{font-size:21px}.invitation{order:2;margin:22px 20px 0;width:calc(100% - 40px);padding:22px}.invitation>h2{font-size:27px}.brand img{width:165px}header{padding:14px 20px}.login{font-size:13px}.gift strong{font-size:16px}.check{font-size:12px;line-height:1.5}footer nav{gap:14px}}
@media(max-width:380px){.alma-hero img{height:280px}.intro h1{font-size:32px}.brand img{width:145px}.login{padding:7px 10px}.reply-examples span{font-size:11px}}

/* Local interactive example: no request, no account or credit changes. */
.reply-examples button{width:auto;display:inline-block;border:1px solid #ad3c67;border-radius:24px;padding:8px 12px;font:inherit;font-size:12px;background:transparent;color:#74304f;cursor:pointer}.reply-examples button:last-child{background:#ad3c67;color:#fff}.reply-examples button:hover{background:#f0dce5;color:#74304f}.reply-examples button[aria-pressed=true]{box-shadow:0 0 0 2px #fffaf6,0 0 0 4px #ad3c67}.alma-demo-answer{background:#f1e2e5;border-radius:0 18px 18px;padding:14px 17px;margin-top:18px;font:18px/1.5 Georgia,serif;color:#47283e}.alma-demo-answer[hidden]{display:none}

/* Discovery before registration, while preserving Alma and the interactive preview. */
.discover-teaser{grid-column:1;grid-row:2;width:100%;min-width:0}.discover-teaser h2{font:32px/1.2 Georgia,serif;margin:10px 0 15px}.discover-teaser>p:not(.eyebrow){font-size:15px;line-height:1.6;color:#e2d5df}.mystery-portraits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.mystery-portraits figure{margin:0;min-width:0}.mystery-frame{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:3/4;background:#51384d}.mystery-frame img{width:100%;height:100%;object-fit:cover;filter:blur(9px);transform:scale(1.16);opacity:.72;display:block}.mystery-frame>span{position:absolute;inset:0;display:grid;place-items:center;color:#fffaf6;font:38px Georgia,serif;text-shadow:0 2px 8px #291a2c}.mystery-portraits figcaption{font-size:11px;line-height:1.4;margin-top:9px;text-align:center;color:#f6e9f1}.discover-teaser .mystery-note{font-size:11px!important;color:#c7b7c2!important;margin-bottom:0}main:not(.legalpage)>.invitation{grid-row:3}.alma-hero{grid-row:1 / span 3}
@media(max-width:760px){.discover-teaser{order:2;padding:26px 20px 0}.discover-teaser h2{font-size:29px}.mystery-portraits{gap:9px}.mystery-portraits figcaption{font-size:10px}main:not(.legalpage)>.invitation{order:3}.alma-hero{grid-row:auto}}

/* V5: actual catalogue characters, light teaser blur. */
.mystery-frame img{filter:blur(2px);opacity:1;transform:scale(1.04);object-position:center 25%}.mystery-portraits figcaption{font-size:12px;font-weight:600;line-height:1.5}@media(max-width:760px){.mystery-portraits{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.mystery-portraits figcaption{font-size:13px}.mystery-frame{aspect-ratio:4/5}}
