/* A small conversation, with the same mounted paper and connecting lines. */
[data-preview-funnel] .funnel-answers{display:grid;gap:12px;margin:24px 0 32px}
[data-preview-funnel] .funnel-answer{position:relative;display:flex;align-items:center;gap:16px;padding:20px 48px 20px 20px;background:#faf7ef;border:1px solid #cabdab;cursor:pointer;min-height:84px;margin:0;transition:background .2s,border-color .2s,transform .2s}
.funnel-answer input{position:absolute;width:1px;height:1px;opacity:0;inset:24px auto auto 24px}
.funnel-answer strong{display:block;font-size:18px;line-height:1.35;font-weight:500;color:#2e302b}
.funnel-answer small{display:block;margin-top:5px;line-height:1.5;color:#555c55;font-size:13px}
.funnel-answer:has(input:checked){background:#e9eee6;border-color:#5c7064;box-shadow:inset 3px 0 #5c7064}
.funnel-answer:has(input:focus-visible){outline:2px solid #94422c;outline-offset:4px}
.funnel-answer:hover{border-color:#71634f;transform:translateX(2px)}
.funnel-answer .choice-tick{position:absolute;right:19px;top:28px}
.funnel-direction{margin:24px 0 28px;padding:25px;background:#ede8dd;border:1px solid #baa98d;position:relative;box-shadow:5px 5px 0 #d7cbb9}
.funnel-direction::after{content:'';position:absolute;inset:7px;border:1px solid #c2b69f;pointer-events:none}
.funnel-direction .eyebrow{font-size:9px}.funnel-direction h3{font-family:BottegaDisplay,Georgia,serif;font-size:31px;line-height:1.1;margin:12px 0;color:#282a26}
.funnel-direction p{font-size:14px;line-height:1.65;margin:0;max-width:42ch}.funnel-swatches{display:flex;gap:7px;margin-top:20px}.funnel-swatches i{height:25px;width:38px;border:1px solid #9f8e72;background:var(--swatch)}
[data-preview-funnel] .delivery-note{font-size:13px;line-height:1.65;max-width:48ch;margin:14px 0 20px;color:#515850}
[data-preview-funnel] .funnel-consent{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.55;margin:22px 0}
[data-preview-funnel] .funnel-consent input{width:22px;height:22px;flex:none;accent-color:#506356;margin:0}
.funnel-consent a{text-underline-offset:4px;display:inline-block;padding:5px 0}
.funnel-trap{position:absolute!important;left:-9999px!important;height:1px!important;overflow:hidden!important}
[data-preview-funnel] [hidden]{display:none!important}[data-preview-funnel] .button{background:#332c25;color:#fffaf4;border:1px solid #332c25;min-height:51px}
[data-preview-funnel] .button:disabled{opacity:.7;cursor:wait}[data-preview-funnel] .button:hover{background:#93432e;border-color:#93432e}
.preview-phases{display:flex;gap:0;margin:32px 0 24px;border-top:1px solid #bbaa91;padding-top:14px;flex-wrap:wrap}
.preview-phases span{flex:1;font-size:11px;letter-spacing:.02em;color:#67695e;position:relative;padding:12px 5px 12px 0;min-width:80px}
.preview-phases span::before{content:'';position:absolute;top:-19px;left:0;width:9px;height:9px;border:1px solid #867961;background:#faf6ee;border-radius:50%}
.preview-phases span[data-complete=true]::before{background:#526558;border-color:#526558}.preview-phases span[aria-current=step]{color:#97492f;font-weight:600}
[data-preview-funnel] .result-actions{align-items:center;gap:18px;flex-wrap:wrap}#preview-problem,#brief-error{color:#863720;line-height:1.6;font-size:14px}
.preview-privacy{border:1px solid #b4a389;background:#f7f3e9;color:#272922;padding:40px;max-width:660px;max-height:85svh;overflow:auto;box-shadow:0 24px 100px #18181355}
.preview-privacy::backdrop{background:#1e221bc2;backdrop-filter:blur(4px)}.preview-privacy h2{font-family:BottegaDisplay,Georgia,serif;font-size:40px;margin:28px 0}.preview-privacy p{font-size:14px;line-height:1.7}
.privacy-close{display:block;margin-left:auto;min-width:64px;min-height:44px;background:transparent;border:1px solid #9a8b73;color:inherit;padding:8px 14px}
.preview-privacy button:focus-visible,.funnel-consent a:focus-visible{outline:2px solid #94422c;outline-offset:4px}
.guided-progress li{gap:7px}.guided-progress li span{font-size:11px}.guided-progress li[data-complete=true] b{color:#657566}
@media(max-width:700px){.funnel-answer strong{font-size:16px}[data-preview-funnel] .funnel-answer{padding:17px 42px 17px 16px;min-height:86px}.funnel-direction{padding:21px}.funnel-direction h3{font-size:28px}.preview-privacy{padding:24px;width:calc(100% - 28px)}.preview-privacy h2{font-size:32px}.guided-progress{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.guided-progress li{font-size:11px}.guided-progress li span{font-size:10px}.preview-phases span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.funnel-answer,.button{transition:none!important;transform:none!important}}
html[data-motion=reduced] .funnel-answer{transition:none!important;transform:none!important}
/* A moving thread joins the waiting card to the mounted-paper composition. */
.preparation-register{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b4a48b;padding:0 0 17px;color:#5f6658;font-size:10px;letter-spacing:.1em}
#brief-result{scroll-margin-top:110px}
.preparation-register .eyebrow{font-size:9px}.preparation-mark{position:relative;margin:22px 0 10px;max-width:440px;height:105px;background:radial-gradient(ellipse at 47% 50%,#eadbc546,transparent 68%)}.preparation-mark svg{width:100%;height:100%;fill:none;stroke:#b6a286;stroke-width:1.1}.preparation-mark .mark-guide{opacity:.45}.preparation-mark .mark-stroke{stroke:#9b4931;stroke-width:1.8;stroke-dasharray:64 580;animation:preparation-thread 3s linear infinite}.preparation-mark .mark-leaf{stroke:#718471;opacity:.75}.preparation-ready{display:none;position:absolute;left:45%;top:26%;font-size:32px;color:#3e5d49}.preparation-reading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 14px;font-size:12px;color:#3c5042;min-height:22px}.preparation-pulse{height:7px;width:7px;background:#55735d;border-radius:50%;box-shadow:0 0 0 6px #71847118;animation:preparation-pulse 1.6s ease-in-out infinite}
#preview-meter{height:3px;position:relative;background:#d3c6ae;overflow:hidden}#preview-meter i{height:100%;width:100%;display:block;background:#4f6a55;transform:scaleX(var(--prepared,0));transform-origin:left;transition:transform .6s ease}
ol.preview-phases{padding:0;margin:16px 0 18px;border:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;counter-reset:preparation}.preview-phases li{font-size:9px;line-height:1.5;letter-spacing:0;color:#6b6a5c;min-width:0;position:relative;counter-increment:preparation}.preview-phases li::before{content:'0' counter(preparation);display:block;font-size:9px;margin-bottom:8px}.preview-phases li[aria-current=step]{color:#913e27;font-weight:600}.preview-phases li[data-complete=true]{color:#415947}.preview-phases li[data-complete=true]::before{content:'✓';font-size:11px}
[data-preview-funnel] .preparation-caption,[data-preview-funnel] .preparation-mail{font-size:11px;line-height:1.7;color:#646656;max-width:48ch}.preparation-caption{margin:0 0 28px}.preparation-mail{margin-top:18px}[data-state=ready] .mark-stroke,[data-state=failed] .mark-stroke,[data-state=paused] .mark-stroke{animation:none;stroke-dasharray:none}[data-state=ready] .mark-leaf{opacity:0}[data-state=ready] .preparation-ready{display:block}[data-state=ready] .preparation-pulse,[data-state=failed] .preparation-pulse,[data-state=paused] .preparation-pulse{animation:none;box-shadow:none}[data-state=failed] .preparation-pulse,[data-state=paused] .preparation-pulse{background:#913e27}[data-state=ready] .preparation-caption{display:none}
@keyframes preparation-thread{to{stroke-dashoffset:-644}}@keyframes preparation-pulse{50%{opacity:.5;box-shadow:0 0 0 9px #71847110}}
@media(max-width:700px){.preparation-mark{height:82px;margin-top:18px}.preparation-reading{font-size:11px;margin-top:23px}ol.preview-phases{gap:5px}.preview-phases li{font-size:8px;overflow-wrap:anywhere}.preparation-register{font-size:9px}.preparation-ready{font-size:27px}.result-actions>#preview-open{width:100%;justify-content:space-between}[data-preview-funnel] .preparation-mail{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mark-stroke,.preparation-pulse{animation:none!important}.mark-stroke{stroke-dasharray:none!important}#preview-meter i{transition:none}}
html[data-motion=reduced] .mark-stroke,html[data-motion=reduced] .preparation-pulse{animation:none!important}html[data-motion=reduced] .mark-stroke{stroke-dasharray:none!important}html[data-motion=reduced] #preview-meter i{transition:none}