/* Benefit-story variant. Reuses the approved card system without changing it. */
:root{--bf-violet-wash:#eee6ff;--bf-ray:#b69bff;--bf-ray-blue:#a6c9ec;--bf-price-glow:#ded1fa;--bf-knots:#ececf4}
:root[data-theme=dark]{--bf-violet-wash:#312643;--bf-ray:#7755a9;--bf-ray-blue:#436a91;--bf-price-glow:#4b3267;--bf-knots:#292b40}
.bf-sofia-avatar{display:inline-block;flex:none;width:28px;height:28px;object-fit:cover;border-radius:50%;vertical-align:middle;box-shadow:0 0 0 2px var(--eh-panel)}
.eh-nav-group>summary>.bf-sofia-avatar{width:22px;height:22px;margin-right:7px}
.eh-home .eh-menu-link{position:relative;border-radius:12px;isolation:isolate;transition:background .2s ease,transform .2s ease;gap:13px;padding:11px 12px;margin-left:-12px}
.eh-home .eh-menu-link::after{content:'↗';position:absolute;right:10px;top:50%;transform:translate(-5px,-50%);opacity:0;font-size:19px;color:var(--eh-accent);transition:opacity .2s ease,transform .2s ease}
.eh-home .eh-menu-link:hover,.eh-home .eh-menu-link:focus-visible{background:var(--ps-wash);transform:translateY(2px)}
.eh-home .eh-menu-link:hover::after,.eh-home .eh-menu-link:focus-visible::after{opacity:1;transform:translate(0,-50%)}
.eh-home .eh-menu-link>span:last-child{padding-right:15px}
.eh-home .eh-menu-icon{border-radius:11px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:inset 0 1px 0 var(--eh-panel);width:40px;height:40px;flex:none}
.eh-home .eh-menu-icon>svg{width:23px;height:23px;stroke-width:1.7}
.eh-home .eh-menu-icon>.bf-sofia-avatar{width:36px;height:36px;box-shadow:none}
.eh-home .eh-menu-link:hover .eh-menu-icon,.eh-home .eh-menu-link:focus-visible .eh-menu-icon{transform:rotate(-5deg) scale(1.06);box-shadow:0 5px 12px color-mix(in srgb,var(--eh-accent) 12%,transparent)}
.eh-home .eh-mega-bottom{gap:24px;flex-wrap:wrap}
.eh-home .eh-mega-bottom>a:last-child{margin-left:auto}
.bf-menu-downloads{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.bf-menu-downloads>a:first-child{font-size:12px;color:var(--eh-muted)}
.eh-home .bf-platform-mini{display:inline-flex;align-items:center;gap:7px;min-height:36px;font:inherit;font-size:12px;font-weight:550;color:var(--eh-ink);background:none;border:0;padding:5px 0;cursor:pointer;transition:color .2s ease,transform .2s ease}
.bf-platform-mini svg{width:19px;height:19px;stroke-width:1.7}
.bf-platform-mini:hover{color:var(--eh-accent);transform:translateY(2px)}
.bf-platform-mini:focus-visible,.bf-platforms>*:focus-visible{outline:2px solid var(--eh-accent);outline-offset:5px;border-radius:5px}
.eh-intro-link>.bf-sofia-avatar{width:23px;height:23px}
.eh-home .eh-floating-tool>span>.bf-sofia-avatar{width:34px;height:34px}
.ps-sofia-identity>span>.bf-sofia-avatar{width:37px;height:37px;box-shadow:none}
.ps-answer>span>.bf-sofia-avatar{width:22px;height:22px}
.ps-spark-mark>.bf-sofia-avatar{width:42px;height:42px}
.op-app-bar .bf-sofia-avatar{width:22px;height:22px;box-shadow:none}
.tw-mobile-features article>.bf-sofia-avatar{width:44px;height:44px}
.tw-mobile-message>span>.bf-sofia-avatar{width:21px;height:21px;box-shadow:none}
.bf-phone-sofia>.bf-sofia-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75px;height:75px;box-shadow:0 0 0 5px var(--eh-dark-panel);z-index:2}
.eh-nav-group:first-child .eh-menu-feature:before{content:'';width:54px;height:54px;border-radius:50%;background:url('/assets/product/sofia-avatar.webp') center/cover no-repeat;box-shadow:0 0 0 4px var(--eh-panel)}
.bf-problem>.eh-heading{max-width:920px;margin-inline:auto}
.bf-problem>.eh-heading h2{font-size:clamp(34px,3.6vw,52px);line-height:1.13}
.bf-problem>.eh-heading p{font-size:18px;line-height:1.65;margin-top:18px}
.bf-knotted-work{margin-top:2px;min-height:252px}
.bf-knotted-work .ps-ribbon-art{opacity:.94}
.bf-knotted-work .ps-ribbon-art>svg{height:260px}
.bf-pain-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:17px 0 28px}
.bf-pain-points article{border-left:1px solid var(--eh-line);padding:0 0 0 23px;position:relative}
.bf-pain-points article:before{content:'';height:22px;position:absolute;left:-1px;top:-22px;border-left:1px solid var(--eh-line)}
.bf-pain-points article>span{display:block;font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--eh-accent);margin-bottom:12px}
.bf-pain-points h3{font-size:23px;line-height:1.25;letter-spacing:-.03em}
.bf-pain-points p{font-size:15px;color:var(--eh-muted);line-height:1.65;margin-top:10px;max-width:325px}
.bf-resolution{display:flex;align-items:center;gap:20px;padding:23px 0;border-top:1px solid var(--eh-line);border-bottom:1px solid var(--eh-line)}
.bf-resolution-identity{display:grid;place-items:center;width:58px;height:58px;flex:none;border-radius:50%;background:var(--bf-violet-wash)}
.bf-resolution-identity .bf-sofia-avatar{width:46px;height:46px}
.bf-resolution .eh-eyebrow{font-size:10px;margin:0}
.bf-resolution h3{font-size:23px;line-height:1.35;margin-top:6px;letter-spacing:-.025em}
.bf-resolution>.eh-link{margin:0 0 0 auto;white-space:nowrap;font-size:13px}
.bf-estimator{display:grid;grid-template-columns:1.1fr .9fr;gap:20px 65px;padding-top:32px;scroll-margin-top:130px}
.bf-estimate-intro h3{font-size:36px;line-height:1.13;letter-spacing:-.035em;margin-top:12px}
.bf-estimate-intro>p{font-size:16px;line-height:1.7;color:var(--eh-muted);max-width:540px;margin:17px 0 14px}
.bf-estimate-intro>.eh-link{font-size:14px}
.bf-estimate-label{display:block;font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.09em;color:var(--eh-muted)}
.bf-estimate-result{padding-left:37px;align-self:center;border-left:1px solid var(--eh-line)}
.bf-estimate-result output{display:block;color:var(--eh-accent);font-size:68px;line-height:1.1;font-weight:620;letter-spacing:-.05em;margin-top:9px;font-variant-numeric:tabular-nums}
.bf-estimate-result>strong{display:block;font-size:21px;color:var(--eh-ink);margin-top:8px;letter-spacing:-.02em}
.bf-estimate-result>p{font-size:13px;color:var(--eh-muted);line-height:1.7;margin-top:12px}
.bf-estimate-assumptions{grid-column:1/-1;border:1px solid var(--eh-line);border-radius:14px;background:var(--eh-panel);overflow:hidden;margin-top:10px}
.bf-estimate-assumptions>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:15px;font-weight:550;padding:18px 22px;list-style:none;color:var(--eh-accent)}
.bf-estimate-assumptions>summary::-webkit-details-marker{display:none}
.bf-estimate-assumptions[open]>summary>span{rotate:45deg}
.bf-estimate-scroll{overflow-x:auto;padding:0 22px}
.bf-estimate-assumptions table{width:100%;border-collapse:collapse;min-width:550px;text-align:left}
.bf-estimate-assumptions caption{text-align:left;font-size:12px;color:var(--eh-muted);padding:0 0 15px;line-height:1.5}
.bf-estimate-assumptions th,.bf-estimate-assumptions td{padding:12px 10px;border-top:1px solid var(--eh-line);vertical-align:middle}
.bf-estimate-assumptions thead th{font-size:12px;font-weight:550;line-height:1.5;color:var(--eh-muted)}
.bf-estimate-assumptions th:first-child{padding-left:0;width:42%}
.bf-estimate-assumptions th small{font-size:10px;font-weight:400}
.bf-estimate-assumptions th a{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}
.bf-estimate-assumptions th a>svg:first-child{width:20px;height:20px;color:var(--eh-accent);flex:none}
.bf-estimate-assumptions th a>svg:last-child{width:14px;height:14px;margin-left:auto;color:var(--eh-muted)}
.bf-estimate-assumptions th a:hover{color:var(--eh-accent)}
.bf-estimate-assumptions input{font:inherit;font-size:14px;width:78px;max-width:100%;min-height:39px;color:var(--eh-ink);background:var(--ps-stage);border:1px solid var(--eh-line);border-radius:6px;padding:8px 10px}
.bf-estimate-assumptions input:focus-visible{outline:2px solid var(--eh-accent);outline-offset:2px}
.bf-estimate-note{font-size:11px;line-height:1.6;color:var(--eh-muted);padding:12px 22px 16px;border-top:1px solid var(--eh-line);margin:0}
.bf-workflow-estimate{margin:0 0 0 20px;padding-top:5px}
.bf-workflow-estimate>strong{display:block;font-size:62px;color:var(--eh-accent);letter-spacing:-.045em;line-height:1.1;margin-top:6px;font-weight:620;font-variant-numeric:tabular-nums}
.bf-workflow-estimate>strong small{font-size:23px;font-weight:500;letter-spacing:-.02em}
.bf-workflow-estimate>h3{font-size:21px;line-height:1.25;margin-top:9px;letter-spacing:-.025em}
.bf-workflow-estimate>p{font-size:13px;color:var(--eh-muted);line-height:1.6;margin-top:12px}
.bf-workflow-estimate>a{display:inline-block;font-size:11px;color:var(--eh-accent);text-decoration:underline;text-underline-offset:3px;margin-top:11px}
.eh-home .bf-offer{padding-block:38px;gap:56px}
.bf-offer>div:first-child>p{max-width:555px;line-height:1.65}
.bf-offer .eh-eyebrow{font-size:11px;line-height:1.5}
.eh-home .bf-offer .hf-offer-metric{border-left:0;padding:0 14px 24px 0;display:flex;flex-direction:column;align-items:flex-start}
.bf-offer-symbol{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--bf-violet-wash);color:var(--eh-accent);margin-bottom:14px}
.bf-offer-symbol:before{content:'';position:absolute;inset:-8px;border:1px solid var(--eh-line);border-radius:18px;rotate:9deg;pointer-events:none}
.bf-offer-symbol>svg{width:23px;height:23px;stroke-width:1.6}
.eh-home .bf-offer .bf-offer-symbol{display:grid;color:var(--eh-accent);margin-top:0}
.bf-offer-symbol>.bf-sofia-avatar{width:36px;height:36px}
.eh-home .bf-offer .hf-offer-metric>strong{font-size:43px;letter-spacing:-.045em;line-height:1.15;background:none;color:var(--eh-accent);-webkit-text-fill-color:currentColor;white-space:nowrap}
.eh-home .bf-offer .hf-offer-metric>span:last-child{font-size:13px;line-height:1.5;margin-top:10px;color:var(--eh-muted);text-wrap:balance}
.eh-home .bf-price{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:17px;border-top:1px solid var(--eh-line);padding:23px 0 0;margin:0;isolation:isolate}
.bf-price>div{display:flex;flex-direction:column;gap:8px}
.bf-price>div>span{font-size:12px;color:var(--eh-muted)}
.eh-home .bf-price strong{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 11px;margin:0}
.eh-home .bf-price strong>small{font-size:13px;font-weight:400;color:var(--eh-ink);white-space:nowrap}
.bf-price-amount{position:relative;display:inline-block;color:var(--eh-accent);font-size:47px;font-weight:620;letter-spacing:-.045em;line-height:1.2;isolation:isolate}
.bf-price-amount:before{content:'';position:absolute;z-index:-1;inset:15px -13px 0;background:radial-gradient(ellipse,var(--bf-price-glow),transparent 72%);filter:blur(7px)}
.bf-price .eh-link{font-size:14px}
.bf-closing{position:relative;display:grid;place-items:center;text-align:center;padding-block:72px 84px;min-height:650px;isolation:isolate;perspective:1100px;overflow:hidden;--tilt-x:0deg;--tilt-y:0deg;--dip:0px;--rays-turn:0deg}
.bf-closing-rays{position:absolute;z-index:-1;width:760px;max-width:none;height:760px;top:50%;left:50%;translate:-50% -50%;transform:rotate(var(--rays-turn));transition:transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none;mask-image:radial-gradient(circle,#000 50%,transparent 73%)}
.bf-closing-rays path{stroke:var(--bf-ray);stroke-width:1.35;opacity:.65}
.bf-closing-rays path:nth-child(3n){stroke:var(--bf-ray-blue)}
.bf-closing-content{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(var(--dip));transition:transform .4s cubic-bezier(.2,.7,.2,1);will-change:auto;max-width:750px}
.bf-closing-mark{display:inline-grid;place-items:center;margin-bottom:17px}
.bf-closing h2{font-size:clamp(35px,3.6vw,52px);line-height:1.13;font-weight:620;letter-spacing:-.04em}
.bf-closing h2>span{color:var(--eh-accent)}
.bf-closing-content>p{font-size:18px;color:var(--eh-muted);line-height:1.65;margin-top:18px}
.bf-closing .eh-button{margin-top:25px;box-shadow:0 8px 25px color-mix(in srgb,var(--eh-accent) 19%,transparent)}
.bf-closing .eh-no-card{display:flex;align-items:center;justify-content:center;gap:7px;font-size:15px;color:var(--eh-accent);margin-top:17px}
.bf-closing .eh-no-card>svg{width:17px;height:17px}
.bf-closing-content>small{display:block;font-size:12px;color:var(--eh-muted);line-height:1.6;margin-top:6px}
.bf-platforms{display:flex;justify-content:center;gap:0;margin-top:27px}
.bf-platforms>*{display:flex;align-items:center;gap:10px;padding:2px 22px;font:inherit;font-size:13px;font-weight:550;color:var(--eh-muted);border:0;background:none;cursor:pointer;text-align:left;transition:color .2s ease,transform .2s ease}
.bf-platforms>*+*{border-left:1px solid var(--eh-line)}
.bf-platforms svg{width:24px;height:24px;flex:none;stroke-width:1.65}
.bf-platforms small{display:block;font-size:10px;font-weight:400;line-height:1.6}
.bf-platforms>*:hover{color:var(--eh-accent);transform:translateY(3px)}
@media(hover:hover) and (pointer:fine){.eh-home .eh-button{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.eh-home .eh-button:hover{transform:translateY(2px);box-shadow:0 4px 15px color-mix(in srgb,var(--eh-accent) 19%,transparent)}.eh-home .eh-button:active{transform:translateY(4px)}.eh-motion .bf-price:hover .bf-price-amount:before{animation:bf-price-breathe 2.5s ease-in-out infinite}}
@keyframes bf-price-breathe{50%{opacity:.45;transform:scale(1.15)}}
@media(max-width:1100px){.eh-home .eh-mega-bottom{gap:13px}.bf-menu-downloads{gap:13px}.bf-estimator{gap:22px 32px}.bf-estimate-result{padding-left:28px}.eh-home .bf-offer{gap:32px}.eh-home .bf-offer .hf-offer-metric>strong{font-size:37px}}
@media(max-width:900px){.bf-resolution{flex-wrap:wrap;gap:15px}.bf-resolution>.eh-link{margin-left:73px}.bf-workflow-estimate{margin:0}.bf-estimate-result output{font-size:58px}.bf-estimate-intro h3{font-size:30px}.bf-pain-points{gap:22px}.bf-pain-points h3{font-size:20px}.bf-pain-points article{padding-left:17px}.eh-home .bf-offer .hf-offer-metric>strong{font-size:35px}.bf-closing{min-height:580px;padding-block:55px}.bf-closing-rays{width:680px;height:680px}}
@media(max-width:760px){.eh-home .eh-mega-bottom{align-items:flex-start}.bf-menu-downloads{width:100%}.eh-home .eh-mega-bottom>a:last-child{margin-left:0}.bf-problem>.eh-heading p{font-size:16px}.bf-pain-points{grid-template-columns:1fr;margin-top:25px;gap:19px}.bf-pain-points article{padding-left:17px}.bf-pain-points article:before{display:none}.bf-pain-points article>span{margin-bottom:6px}.bf-pain-points p{max-width:none;margin-top:6px}.bf-resolution h3{font-size:20px}.bf-resolution>.eh-link{margin-left:0}.bf-estimator{grid-template-columns:1fr;gap:22px}.bf-estimate-result{padding:0;border:0}.bf-estimate-result output{font-size:61px}.bf-estimate-assumptions{grid-column:auto;margin-top:0}.bf-estimate-scroll{padding-inline:15px}.bf-estimate-assumptions>summary{padding:16px}.bf-estimate-note{padding-inline:15px}.bf-workflow-estimate>strong{font-size:48px}.bf-workflow-estimate>h3{font-size:18px}.eh-home .bf-offer{padding-block:29px}.eh-home .bf-offer .hf-offer-metric>strong{font-size:36px}.bf-closing{min-height:580px;padding-block:52px}.bf-closing-rays{width:640px;height:640px}.bf-closing-content>p{font-size:16px}.bf-platforms>*{padding-inline:14px;gap:7px}.bf-platforms small{font-size:9px}}
@media(max-width:520px){.eh-nav-group>summary>.bf-sofia-avatar{width:20px;height:20px}.bf-knotted-work .ps-ribbon-node>strong{font-size:12px}.bf-resolution{align-items:flex-start}.bf-resolution>div{flex:1;min-width:160px}.bf-resolution>.eh-link{margin-left:0}.bf-resolution-identity{height:49px;width:49px}.bf-resolution-identity .bf-sofia-avatar{height:39px;width:39px}.eh-home .bf-offer .hf-offer-metric>strong{font-size:28px}.eh-home .bf-offer .hf-offer-metric{padding-right:6px}.eh-home .bf-offer .hf-offer-metric>span:last-child{font-size:11px}.bf-offer-symbol{width:36px;height:36px}.bf-offer-symbol>.bf-sofia-avatar{width:30px;height:30px}.bf-price-amount{font-size:42px}.bf-platforms>*{padding:0 11px;gap:6px;font-size:12px}.bf-platforms svg{width:21px;height:21px}.bf-platforms small{font-size:8px}.bf-closing-rays{width:590px;height:590px}.bf-closing{min-height:550px}.bf-closing h2{font-size:34px}.bf-estimate-intro h3{font-size:31px}}
@media(max-width:1100px){.eh-home .eh-nav-group:first-child>summary{justify-content:flex-start}.eh-home .eh-nav-group:first-child>summary>.eh-chevron{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.eh-home .eh-menu-link,.eh-home .eh-menu-icon,.eh-home .eh-menu-link:after,.eh-home .eh-button,.bf-platforms>*,.bf-platform-mini,.bf-closing-content,.bf-closing-rays{transition:none;transform:none!important}.bf-price-amount:before{animation:none!important}}
