/* Public beta: editorial typography, calm surfaces and compact product examples. */
h1,h2,.reply-benefit h3,.proof-fact strong,.offer-price strong {
  font-family:Newsreader,Georgia,serif;
  font-weight:500;
  letter-spacing:-.025em;
}
h1 em,h2 em { font-style:italic; color:var(--mint); }
.hero { min-height:calc(95svh - var(--nav-h)); padding:48px 0 24px; }
.hero .hero-atmosphere canvas.is-ready { opacity:.38; }
.hero-atmosphere:before { opacity:.4; }
.motion-toggle { display:block; margin:10px auto 0; min-height:44px; padding:8px 12px; background:transparent; border:1px solid var(--line); border-radius:8px; color:var(--muted); font-size:.78rem; }
.motion-toggle:hover { color:var(--ink); background:var(--surface); }
.journey .mail-journey { margin-bottom:48px; border-radius:16px; overflow:clip; }
.journey .mail-stage { width:100%; min-height:560px; padding:32px; gap:32px; }
.mail-story-copy h3 { font:500 clamp(2.2rem,3.4vw,3.4rem)/1.1 Newsreader,Georgia,serif; letter-spacing:-.025em; }
.mail-journey>.preview-caption { margin:0; padding:0 32px 24px; }
.mail-orbit { position:absolute; inset:0; transform-style:preserve-3d; transform-origin:50% 50%; transform:rotateX(var(--user-pitch,0deg)) rotateY(var(--user-yaw,0deg)); }
.model-grab-surface { position:absolute; inset:0; z-index:2; touch-action:pinch-zoom; cursor:grab; }
.mail-object-scene.is-dragging .model-grab-surface { cursor:grabbing; }
.mail-orbit { pointer-events:none; }
.envelope-back { background:linear-gradient(145deg,color-mix(in srgb,var(--mint) 38%,var(--surface)),color-mix(in srgb,var(--ink) 80%,var(--mint))); border:1px solid color-mix(in srgb,var(--mint) 50%,var(--surface)); box-shadow:inset 0 0 0 1px #ffffff14; }
.envelope-back:after { content:''; position:absolute; inset:12px; border:1px solid #ffffff24; border-radius:5px; }
.envelope-secret { position:absolute; inset:22px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:24px; border:1px solid var(--line); border-radius:8px; background:var(--surface-raised); transform:translateZ(-5px) rotateY(180deg); backface-visibility:hidden; color:var(--ink); text-align:center; }
.envelope-secret>span { font-size:1.2rem; opacity:.8; }
.envelope-secret p { font:500 2rem/1.15 Newsreader,Georgia,serif; }
.envelope-secret em { font-style:italic; }
.envelope-secret small { font-size:.65rem; opacity:.8; }
.envelope-edge { position:absolute; display:block; background:color-mix(in srgb,var(--mint) 30%,var(--ink)); border:1px solid #ffffff20; }
.envelope-back,.envelope-front { border-radius:0; }
.envelope-edge-left,.envelope-edge-right { width:11px; height:100%; top:0; transform:translateZ(2.5px) rotateY(90deg); }
.envelope-edge-left { left:-5.5px; }
.envelope-edge-right { right:-5.5px; }
.envelope-edge-bottom { width:100%; left:0; height:11px; bottom:-5.5px; transform:translateZ(2.5px) rotateX(90deg); }
.envelope-front { background:linear-gradient(145deg,color-mix(in srgb,var(--mint) 65%,var(--ink)),color-mix(in srgb,var(--ink) 85%,var(--mint))); backface-visibility:hidden; opacity:1; }
.envelope-flap { backface-visibility:visible; --flap-paper:linear-gradient(165deg,color-mix(in srgb,var(--mint) 50%,var(--surface)),color-mix(in srgb,var(--mint) 55%,var(--ink))); }
/* Paint each printed face as one flat surface, before placing it in the 3D scene.
   Coplanar text/background layers otherwise fight for depth at grazing angles. */
.letter-sheet { border:1px solid #d6ded1; box-shadow:0 2px 0 #d5ddce,0 12px 28px #0002; transform:translateY(var(--letter-y,-90px)) translateZ(1px); }
.letter-sheet,.extracted-category,.extracted-task,.extracted-reply { transform-style:flat; isolation:isolate; backface-visibility:hidden; }
.letter-sheet-verso { transform:translateY(var(--letter-y,-90px)) translateZ(.5px) rotateY(180deg); }
.letter-highlight { border-radius:4px; border:1px solid #c5d7c7; }
.extracted-task,.extracted-reply { box-shadow:0 2px 0 var(--line),0 14px 30px #0002; }
.mail-story-copy .model-hint { display:block; font-size:.8rem; margin-top:16px; }
.model-reset { min-height:44px; margin:12px 0; padding:8px 12px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--ink); font-size:.8rem; }
.model-reset:hover { border-color:var(--mint); background:var(--surface-raised); }
.model-controls { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.model-controls .model-reset,.model-controls .motion-toggle { margin:0; }
.journey-grid>*,.action-grid>*,.comparison-grid>*,.contact-grid>* { min-width:0; }
.theme-toggle { min-height:44px; }
.hero-copy { max-width:1100px; }
.hero-copy h1 { max-width:25ch; font-size:clamp(2.8rem,5.2vw,5.2rem); line-height:1.06; }
.hero-kicker { margin:0 0 24px; text-transform:none; letter-spacing:.02em; }
.beta-badge { display:inline-block; padding:4px 12px; border:1px solid var(--line); border-radius:30px; background:var(--surface-raised); }
.hero-lead { max-width:52ch; margin-top:24px; font-size:1.15rem; color:var(--text); }
.hero-ctas { margin-top:30px; }
.hero-signup { width:640px; }
.signup-input-group { gap:8px; padding:6px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.hero-signup .signup-input-group input { border:0; border-radius:6px; padding:14px; min-height:58px; background:var(--surface); }
.hero-signup .signup-input-group .btn { border-radius:8px; min-height:58px; padding:14px 24px; }
.hero-copy .cta-note { margin:14px auto 0; color:var(--text); font-size:.86rem; }
.signup-next { margin:4px auto 0; font-size:.8rem; color:var(--muted); }
.hero-summary { max-width:860px; margin-top:32px; }
.hero-audience { margin:auto; max-width:72ch; text-align:center; font-size:.88rem; color:var(--muted); }
.action-preview { display:flex; gap:24px; align-items:center; justify-content:center; margin-top:24px; }
.preview-mail,.preview-action { display:flex; gap:16px; padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.preview-mail { flex:1.2; align-items:center; }
.preview-mail div,.preview-action { display:flex; flex-direction:column; gap:4px; }
.preview-action { flex:1; background:var(--surface-raised); }
.preview-mail strong,.preview-action strong { font-size:.92rem; line-height:1.4; color:var(--ink); }
.preview-mail small,.preview-action small { color:var(--muted); font-size:.78rem; }
.preview-arrow { color:var(--mint); font-size:1.5rem; }
.preview-caption { max-width:none; margin-top:12px; color:var(--muted); font-size:.78rem; }
.hero-summary .preview-caption { text-align:center; }
.connector-band { gap:28px; padding:24px 0 0; }
.compatibility-heading { flex-basis:100%; max-width:none; text-align:center; font-size:.85rem; }
.connector-band .provider { font-size:.9rem; gap:10px; }
.provider-logo,.provider.gmail .provider-logo { width:28px; height:28px; }
.imap-envelope { width:30px; height:26px; }
.journey { display:block; padding-bottom:60px; }
#product { padding-bottom:clamp(40px,5vw,80px); }
#product .action-grid { margin-bottom:0; }
.section-heading { padding:72px 0 32px; }
.action-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-bottom:64px; }
.action-grid article { border-top:1px solid var(--line); padding-top:24px; }
.action-label { font-size:.78rem; font-weight:600; color:var(--mint); }
.action-grid h3 { font-size:1.2rem; margin:12px 0; }
.action-grid p { font-size:.95rem; }
.journey-grid { align-items:center; gap:64px; }
.reply-benefit h3 { font-size:clamp(2.5rem,4vw,3.6rem); line-height:1.1; margin:16px 0 24px; }
.reply-benefit>strong { display:block; margin-top:20px; color:var(--mint); }
.reply-benefit .interaction-hint { margin-top:24px; }
.experience-ready .journey-console { position:static; margin:0; box-shadow:none; }
.experience-ready .journey-grid { padding-bottom:0; }
.scene-tabs { position:static; }
.scene { min-height:0; }
.demo-discovery { margin-top:32px; padding:24px 0; }
.difference-section { padding-block:64px 80px; border-top:1px solid var(--line); }
.difference-section h2 { margin:16px 0 24px; }
.section-intro { max-width:74ch; }
.comparison-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-top:36px; }
.comparison-grid article { border-top:1px solid var(--line); padding:24px; }
.comparison-grid p { margin-top:16px; font-size:.95rem; }
.comparison-grid strong { display:block; margin-top:20px; color:var(--mint); }
.comparison-smail { background:var(--surface-raised); border-radius:0 0 12px 12px; }
.follow-example { display:flex; align-items:center; gap:32px; padding:24px 0 0; }
.follow-example p { flex:1; }
.follow-example span:not(.preview-arrow),.follow-example strong { display:block; }
.follow-example p span { font-size:.8rem; color:var(--mint); margin-bottom:8px; }
.follow-example strong { font-size:.95rem; }
.proof-section { padding-block:64px; }
.proof-layout { gap:40px; }
.proof-fact,.proof-quote { box-shadow:none; background:transparent; border:0; padding:0; }
.proof-quote { color:var(--text); }
.proof-facts { gap:24px; }
.proof-fact--lead strong { font-size:clamp(3.4rem,6vw,5.4rem); }
.proof-quote>p:last-child { font-size:.85rem; color:var(--muted); }
.confidence-section { display:grid; grid-template-columns:1fr 1fr; gap:72px; padding-block:80px; }
.confidence-section h2 { margin:16px 0 24px; }
.contact-copy h2 { margin:16px 0 24px; }
.contact-panel { box-shadow:none; background:var(--bg); }
.quick-signup-button:not(:disabled) { animation:none; }
.quick-signup-button:hover:not(:disabled) { scale:1; }
.pricing-disclosure { margin-block:32px; }
.pricing-disclosure>summary { cursor:pointer; padding:16px 0; color:var(--muted); text-decoration:underline; text-underline-offset:4px; min-height:48px; }
.pricing-disclosure .offers-section { width:100%; padding-top:24px; }
.footer-grid>div:not(:first-child) { display:block; }
@media(max-width:1200px) {
  .nav-links { display:none; }
  .mobile-toggle { display:flex; }
  .nav-actions { margin-left:auto; gap:16px; }
}
@media(max-width:1000px) {
  .hero { min-height:auto; padding-top:40px; }
  .hero-copy h1 { font-size:clamp(2.8rem,6.6vw,4.8rem); }
  .nav-actions .btn { font-size:.85rem; padding-inline:14px; }
  .journey-grid { display:grid; grid-template-columns:1fr; gap:28px; }
  .reply-benefit { max-width:64ch; }
  .journey-console { width:100%; max-width:720px; margin-inline:auto; }
  .confidence-section { grid-template-columns:1fr; gap:24px; }
}
@media(max-width:600px) {
  .hero { padding-top:28px; }
  .hero-copy h1 { font-size:clamp(2.5rem,10vw,3.4rem); }
  .hero-lead { font-size:1rem; }
  .hero-kicker { font-size:.75rem; margin-bottom:20px; }
  .hero-ctas { margin-top:24px; }
  .signup-input-group { flex-direction:column; }
  .hero-signup .signup-input-group .btn { width:100%; }
  .hero-copy .cta-note { margin-inline:0; font-size:.78rem; }
  .hero-summary { margin-top:32px; }
  .hero-audience,.compatibility-heading { text-align:left; }
  .action-preview,.follow-example { flex-direction:column; align-items:stretch; gap:12px; }
  .preview-arrow { transform:rotate(90deg); align-self:center; }
  .preview-mail,.preview-action { padding:16px; }
  .connector-band { gap:16px; padding-top:24px; }
  .connector-band .provider { font-size:.85rem; }
  .action-grid,.comparison-grid { grid-template-columns:1fr; gap:24px; }
  .action-grid { margin-bottom:44px; }
  .section-heading { padding:56px 0 28px; }
  h2,.section-heading h2 { font-size:2.4rem; }
  .journey { padding-bottom:32px; }
  .difference-section,.confidence-section { padding-block:48px; }
  .comparison-grid article { padding:20px 16px; }
  .proof-section { padding-block:48px; }
  .proof-layout { grid-template-columns:1fr; }
  .contact-panel .btn { min-height:58px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
  .footer-brand { grid-column:1/-1; }
  .scene .btn { white-space:normal; }
  .journey .mail-stage { padding:24px 16px; min-height:0; gap:20px; }
  .mail-journey>.preview-caption { padding-inline:16px; }
  .story-positions button { font-size:.75rem; }
  .motion-toggle { margin-inline:0; }
  .mail-object-scene .mail-object { scale:min(.64,var(--mobile-scale,.5)); top:calc(50% - 135px); }
  .footer-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .motion-toggle { display:none; } }
@media(forced-colors:active) { .motion-toggle { display:none; } }
@media(forced-colors:active) {
  .beta-badge,.preview-mail,.preview-action,.comparison-smail,.journey-console { border:1px solid CanvasText; }
  .action-label,h1 em,h2 em { color:CanvasText; }
}

/* Refinements: one clear first screen, then generously spaced product evidence. */
:root { --nav-h:92px; }
.nav-bar { gap:32px; }
.nav-bar>.brand { --logo-height:34px; }
.nav-links a,.login-link { font-size:1rem; }
.nav-actions .btn { font-size:1rem; min-height:54px; padding:14px 24px; }
.theme-toggle { font-size:.88rem; }
.hero { display:flex; align-items:center; padding-block:64px 96px; }
.hero-proof { margin:32px auto 0; font-size:1rem; color:var(--muted); }
.hero-proof a { display:inline-block; padding-block:8px; text-underline-offset:4px; }
.hero-proof a:hover { text-decoration:underline; }
.connection-section { margin-top:48px; padding-bottom:32px; }
.connection-section .hero-audience { flex-basis:100%; }
.action-grid .action-word { font:600 clamp(2rem,2.8vw,2.6rem)/1.15 Geist,system-ui,sans-serif; margin:0 0 20px; }
.action-grid p { font-size:1.05rem; max-width:32ch; }
.journey .mail-stage { min-height:440px; padding:24px; gap:24px; }
.mail-story-copy h3 { font:600 1.6rem/1.25 Geist,system-ui,sans-serif; letter-spacing:-.02em; }
.mail-object-scene { height:440px; }
.mail-object { top:calc(50% - 135px); }
.reply-benefit h3 { font:600 2rem/1.2 Geist,system-ui,sans-serif; }
.comparison-grid .comparison-flow { font:600 1.6rem/1.3 Geist,system-ui,sans-serif; color:var(--ink); margin-top:12px; }
.proof-section { padding-block:88px; }
#testimonial + [data-product-preview] { padding-top:clamp(40px,5vw,80px); }
.proof-person { display:flex; align-items:center; gap:20px; }
.proof-monogram { display:grid; place-items:center; flex:none; width:76px; height:76px; border:1px solid var(--line); border-radius:50%; font:500 1.8rem Newsreader,Georgia,serif; color:var(--mint); }
.proof-person strong { display:block; font-size:1.6rem; color:var(--ink); }
.proof-person div>span { display:block; font-size:1rem; color:var(--muted); }
.confidence-section { display:block; padding-block:96px; }
.confidence-section>div:first-child { text-align:center; }
.confidence-section>div:first-child>p { margin-inline:auto; }
.validation-demo { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; list-style:none; padding:0; margin:48px 0 72px; }
.validation-demo li { padding:24px; border-top:2px solid var(--line); background:var(--surface); }
.validation-demo li:last-child { border-color:var(--mint); }
.validation-demo li>span { display:block; color:var(--mint); font-size:.85rem; margin-bottom:16px; }
.validation-demo p { font-size:1.05rem; }
.confidence-section .trust-content { max-width:850px; margin-inline:auto; }
.french-trust { display:grid; grid-template-columns:240px minmax(0,1fr); align-items:center; gap:40px; padding-block:16px 56px; margin-bottom:40px; border-bottom:1px solid var(--line); }
.french-trust-map { display:block; width:100%; height:auto; color:var(--mint); }
.france-outline { fill:var(--surface); stroke:currentColor; stroke-width:2; stroke-linejoin:round; }
.france-envelope,.france-check { stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.france-envelope { fill:var(--surface-raised); }
.france-connection { stroke:currentColor; stroke-width:1.5; stroke-dasharray:3 5; }
.france-node { fill:currentColor; }
.france-shield { fill:var(--surface-raised); stroke:currentColor; stroke-width:2; }
.french-trust-copy h3 { font:500 clamp(2rem,3vw,2.7rem)/1.1 Newsreader,Georgia,serif; margin:12px 0 24px; }
.french-trust-copy dl { margin:0 0 24px; }
.french-trust-copy dl>div+div { margin-top:20px; }
.french-trust-copy dt { font-weight:600; color:var(--ink); }
.french-trust-copy dd { margin:6px 0 0; color:var(--muted); }
@media(max-width:600px) {
 .french-trust { grid-template-columns:minmax(0,1fr); gap:16px; padding-bottom:32px; margin-bottom:32px; }
 .french-trust-map { width:160px; margin-inline:auto; }
}
@media(forced-colors:active) { .french-trust-map { color:CanvasText; } .france-outline,.france-envelope,.france-shield { fill:Canvas; } }
.contact-grid { display:block; max-width:900px; }
.contact-copy { text-align:center; }
.contact-copy>p { margin-inline:auto; }
.contact-copy h2 { font-size:clamp(3rem,5vw,5rem); }
.contact-copy .eyebrow { display:inline-block; padding:6px 14px; border:1px solid var(--line); border-radius:30px; }
.contact-panel { margin:40px auto 0; max-width:680px; padding:32px; border:0; background:transparent; }
.contact-panel h3 { font-size:1.25rem; }
.contact-panel input:not([type=hidden]) { min-height:62px; padding:16px; }
.contact-panel .btn { min-height:62px; font-size:1.05rem; }
@media(max-width:1300px) { .nav-links { display:none; } .mobile-toggle { display:flex; } }
@media(max-width:900px) {
 .journey .mail-stage { min-height:0; }
 .validation-demo { grid-template-columns:1fr; gap:16px; }
}
@media(max-width:600px) {
 :root { --nav-h:76px; }
 .nav-bar { height:76px; }
 .nav-bar>.brand { --logo-height:26px; }
 .hero { min-height:calc(90svh - 76px); padding-block:40px 64px; }
 .hero-proof { margin-top:24px; font-size:.9rem; }
 .connection-section { margin-top:24px; }
 .action-grid .action-word { font-size:clamp(1.65rem,7vw,2rem); margin-bottom:12px; }
 .journey .mail-stage { padding:24px 16px; }
 .mail-object-scene { height:350px; }
 .proof-section,.confidence-section { padding-block:56px; }
 .proof-person strong { font-size:1.3rem; }
 .proof-monogram { width:60px; height:60px; }
 .validation-demo { margin-block:32px 48px; }
 .contact-panel { padding:16px 0; margin-top:24px; }
 .contact-copy h2 { font-size:2.8rem; }
}

@media(max-width:1100px) { .action-grid { grid-template-columns:1fr; gap:24px; } }

@media(min-width:901px) { .mail-object-scene { height:560px; } }