/* «Para negocios» landing (app/Views/for-business.php). Loaded only on that route, after directory.css. Large text and targets on purpose: the page is for every age. */
.fb{padding-bottom:var(--space-3xl)}
.fb svg{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fb h2{font:500 clamp(1.75rem,3.4vw,2.6rem)/1.12 var(--font-display);letter-spacing:-.035em;margin:0 0 var(--space-lg);text-wrap:balance}
.fb h3{font:600 1.25rem/1.25 var(--font-display);letter-spacing:-.015em;margin:0 0 var(--space-xs)}
.fb p{line-height:1.65}
.fb-kicker{margin:0 0 var(--space-sm);color:var(--color-accent);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase}

/* Hero: copy and, when the locale has one, the tutorial video side by side on wide screens. */
.fb-hero{display:grid;gap:var(--space-2xl);align-items:center;padding-block:var(--space-xl) var(--space-2xl)}
.fb-hero h1{font-family:var(--font-display);font-weight:500;font-size:clamp(2.5rem,5.6vw,4.8rem);line-height:1.04;letter-spacing:-.05em;margin:0 0 var(--space-lg);text-wrap:balance}
.fb-lede{font-size:clamp(1.12rem,1.7vw,1.32rem);color:var(--color-muted);max-width:620px;margin:0 0 var(--space-xl)}
.fb-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl)}
.fb-actions .button{min-height:56px;font-size:1.06rem;padding-inline:var(--space-xl)}
.fb-cta svg{width:20px;height:20px;transition:transform var(--dur-short) var(--ease-out)}
.fb-cta:hover svg,.fb-cta:focus-visible svg{transform:translateX(3px)}
.fb-facts{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:0;padding:0}
.fb-facts li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-sm);font-weight:600}
.fb-facts svg{color:var(--color-success);width:18px;height:18px;stroke-width:2.6}
@media (min-width:1024px){.fb-hero-video{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:var(--space-3xl)}}

.fb-video{margin:0;min-width:0}
.fb-video-frame{position:relative;aspect-ratio:16/9;border-radius:var(--radius-xl);overflow:hidden;background:var(--color-well);border:1px solid var(--color-rule);box-shadow:var(--shadow-3)}
.fb-video video{display:block;width:100%;height:100%;object-fit:cover;background:var(--color-well)}
.fb-video figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xs) var(--space-md);margin-top:var(--space-md);font-size:var(--text-base)}
.fb-video figcaption span{color:var(--color-muted)}
.fb-transcript{margin-top:var(--space-md);border-top:1px solid var(--color-rule);padding-top:var(--space-sm)}
.fb-transcript summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;font-weight:600;color:var(--color-accent)}
.fb-transcript p{color:var(--color-muted);margin:var(--space-sm) 0 0}

.fb-section{padding-block:var(--space-2xl);border-top:1px solid var(--color-rule)}

/* Four steps: big numbers and icons, one idea per card. */
.fb-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));counter-reset:none}
.fb-steps li{position:relative;padding:var(--space-lg);border:1px solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-1)}
.fb-steps p{margin:0;color:var(--color-muted);font-size:1.06rem}
.fb-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}
.fb-step-n{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--color-accent);color:var(--color-accent-ink);font:600 1.45rem/1 var(--font-display)}
.fb-step-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent);font-size:26px}

/* AI shortcut: gold, like the «Rellenar con IA» button inside the form, so people recognise it there. */
.fb-ai{display:grid;gap:var(--space-xl);padding:var(--space-2xl) var(--space-xl);margin-block:var(--space-xl);border:1px solid var(--color-gold);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-gold-soft),var(--color-surface) 70%)}
.fb-ai .fb-kicker{color:var(--color-gold)}
.fb-ai-copy p{font-size:1.1rem;margin:0 0 var(--space-lg);max-width:560px}
.fb-ai-chip{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 var(--space-lg);border-radius:var(--radius-pill);background:var(--color-gold);color:var(--color-gold-ink);font-weight:700;box-shadow:var(--shadow-2)}
.fb-ai-chip svg{width:22px;height:22px;fill:currentColor;stroke:none}
.fb-ai-steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm);align-content:center}
.fb-ai-steps li{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-rule);font-size:1.08rem;font-weight:500}
.fb-ai-n{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;border:2px solid var(--color-gold);color:var(--color-gold);font-weight:700}
.fb-ai-note{grid-column:1/-1;margin:0;font-size:var(--text-sm);color:var(--color-muted)}
@media (min-width:900px){.fb-ai{grid-template-columns:1fr 1fr;padding:var(--space-3xl)}}

/* What happens after sending: a timeline that ends in «online». */
.fb-after{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.fb-after li{position:relative;display:flex;flex-direction:column;gap:var(--space-md)}
.fb-after p{margin:0;color:var(--color-muted);font-size:1.04rem}
.fb-after-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:2px solid var(--color-accent-line);background:var(--color-paper);color:var(--color-accent);font-size:26px;position:relative;z-index:1}
.fb-after-done .fb-after-icon{background:var(--color-success);border-color:var(--color-success);color:var(--color-paper);stroke-width:3}
@media (min-width:900px){.fb-after li:not(:last-child)::after{content:"";position:absolute;top:28px;left:64px;right:calc(-1 * var(--space-lg) + 8px);border-top:2px dashed var(--color-rule-strong)}}

/* Checklist + FAQ */
.fb-pair{display:grid;gap:var(--space-2xl)}
@media (min-width:900px){.fb-pair{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
.fb-need ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}
.fb-need li{display:flex;align-items:center;gap:var(--space-sm);font-size:1.08rem}
.fb-need svg{width:26px;height:26px;padding:4px;border-radius:50%;background:var(--color-success-soft);color:var(--color-success);stroke-width:3}
.fb-faq details{border-bottom:1px solid var(--color-rule)}
.fb-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);min-height:60px;padding-block:var(--space-sm);font-size:1.1rem;font-weight:600}
.fb-faq summary::-webkit-details-marker{display:none}
.fb-faq summary::after{content:"+";flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);font-size:1.3rem;transition:transform var(--dur-short) var(--ease-out)}
.fb-faq details[open] summary::after{transform:rotate(45deg)}
.fb-faq details p{margin:0 0 var(--space-md);color:var(--color-muted);font-size:1.05rem;max-width:620px}
.fb summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}

/* Final CTA: a «cenote night» panel in both themes, with drifting light shafts and a ficha that goes draft → review → online (9 s loop).
   js/for-business.js adds .is-idle off-screen to pause it; reduced motion shows the finished, online ficha. */
.fb-final{--fb-ink:oklch(97% .01 200);--fb-soft:oklch(86% .03 200);--color-accent:oklch(83% .13 188);--color-accent-ink:oklch(19% .04 230);--color-focus:oklch(88% .12 186);position:relative;isolation:isolate;overflow:hidden;margin-block:var(--space-2xl);padding:clamp(32px,5vw,64px);border-radius:var(--radius-xl);color:var(--fb-ink);background:radial-gradient(110% 90% at 88% 8%,oklch(46% .11 192 / .6),transparent 62%),radial-gradient(80% 90% at 0% 100%,oklch(36% .09 214 / .55),transparent 60%),linear-gradient(160deg,oklch(22% .05 218),oklch(13% .035 236));border:1px solid oklch(72% .1 190 / .35);box-shadow:0 34px 90px -36px oklch(42% .12 198 / .7);display:grid;gap:var(--space-2xl);align-items:center}
@media (min-width:900px){.fb-final{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}}
.fb-final::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(oklch(80% .08 195 / .07) 1px,transparent 1px),linear-gradient(90deg,oklch(80% .08 195 / .07) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(90% 80% at 70% 40%,#000,transparent 75%)}
.fb-final-light{position:absolute;inset:-25% -5% auto;height:150%;z-index:-1;pointer-events:none}
.fb-final-light i{position:absolute;top:0;width:18%;height:100%;background:linear-gradient(180deg,oklch(92% .1 188 / .26),transparent 72%);filter:blur(16px);transform:skewX(-20deg);animation:fbShaft 11s ease-in-out infinite alternate}
.fb-final-light i:nth-child(1){left:48%}
.fb-final-light i:nth-child(2){left:66%;width:9%;animation-duration:8s;animation-delay:-3s}
.fb-final-light i:nth-child(3){left:80%;width:13%;animation-duration:13s;animation-delay:-6s}
@keyframes fbShaft{0%{opacity:.35;translate:-6% 0}50%{opacity:1}100%{opacity:.5;translate:8% 0}}
.fb-final .fb-kicker{color:oklch(86% .12 186)}
.fb-final h2{font-size:clamp(2.1rem,4.4vw,3.4rem);margin:0 0 var(--space-sm);color:var(--fb-ink)}
.fb-final-copy>p:not(.fb-kicker){margin:0 0 var(--space-xl);font-size:1.15rem;color:var(--fb-soft);max-width:520px}
.fb-final-cta{min-height:64px;font-size:1.14rem;padding-inline:34px;overflow:hidden;border-color:oklch(90% .1 186);box-shadow:inset 0 1px 0 oklch(100% 0 0 / .45),0 12px 34px -10px oklch(78% .14 188 / .7);animation:fbHalo 2.8s ease-out infinite}
.fb-final-cta::after{content:"";position:absolute;inset:0 auto 0 -60%;width:45%;background:linear-gradient(100deg,transparent,oklch(100% 0 0 / .55),transparent);transform:skewX(-20deg);animation:fbShine 3.6s ease-in-out infinite;pointer-events:none}
.fb-final-cta:hover,.fb-final-cta:focus-visible{background:oklch(90% .12 186);transform:translateY(-2px);box-shadow:inset 0 1px 0 oklch(100% 0 0 / .5),0 18px 44px -10px oklch(80% .15 188 / .85)}
.fb-final-cta:focus-visible{outline:3px solid var(--fb-ink);outline-offset:4px}
@keyframes fbHalo{0%{box-shadow:inset 0 1px 0 oklch(100% 0 0 / .45),0 12px 34px -10px oklch(78% .14 188 / .7),0 0 0 0 oklch(83% .13 188 / .55)}70%,100%{box-shadow:inset 0 1px 0 oklch(100% 0 0 / .45),0 12px 34px -10px oklch(78% .14 188 / .7),0 0 0 16px oklch(83% .13 188 / 0)}}
@keyframes fbShine{0%,55%{left:-60%}85%,100%{left:130%}}
.fb-final-facts{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);margin:var(--space-xl) 0 0;padding:0}
.fb-final-facts li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px 6px 8px;border-radius:var(--radius-pill);background:oklch(100% 0 0 / .07);border:1px solid oklch(100% 0 0 / .12);font-size:.95rem;color:var(--fb-ink)}
.fb-final-facts svg{width:18px;height:18px;color:oklch(86% .14 165);stroke-width:3}

/* The ficha mock-up (decorative, aria-hidden). */
.fb-final-demo{display:grid;place-items:center;perspective:1300px;padding-block:var(--space-lg)}
.fb-mock{position:relative;width:min(100%,380px);display:grid;gap:14px;transform:rotateY(-12deg) rotateX(7deg);transform-style:preserve-3d;animation:fbFloat 7s ease-in-out infinite}
@keyframes fbFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}
.fb-mock-status{display:grid;justify-self:start}
.fb-mock-status span{grid-area:1/1;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-pill);font-size:.88rem;font-weight:700;background:oklch(100% 0 0 / .1);border:1px solid oklch(100% 0 0 / .18);color:var(--fb-ink);opacity:0}
.fb-mock-status span:nth-child(1){animation:fbS1 9s infinite}
.fb-mock-status span:nth-child(2){background:oklch(80% .12 80 / .2);border-color:oklch(82% .12 80 / .5);color:oklch(92% .09 85);animation:fbS2 9s infinite}
.fb-mock-status span:nth-child(3){background:oklch(72% .16 155 / .25);border-color:oklch(80% .15 155 / .6);color:oklch(93% .1 155);animation:fbS3 9s infinite}
.fb-mock-status svg{width:16px;height:16px;stroke-width:3}
@keyframes fbS1{0%{opacity:0}3%,35%{opacity:1}39%,100%{opacity:0}}
@keyframes fbS2{0%,36%{opacity:0}40%,66%{opacity:1}70%,100%{opacity:0}}
@keyframes fbS3{0%,67%{opacity:0}71%,95%{opacity:1}99%,100%{opacity:0}}
.fb-mock-card{position:relative;overflow:hidden;padding:18px;border-radius:20px;background:oklch(98% .006 200);color:oklch(22% .03 230);box-shadow:0 30px 60px -24px oklch(5% .02 230 / .8),0 0 0 1px oklch(100% 0 0 / .6);display:grid;gap:14px;animation:fbGlow 9s infinite}
.fb-mock-card::after{content:"";position:absolute;inset:0 0 auto;height:42px;background:linear-gradient(180deg,transparent,oklch(80% .12 80 / .35),transparent);opacity:0;animation:fbScan 9s linear infinite}
@keyframes fbGlow{0%,68%{box-shadow:0 30px 60px -24px oklch(5% .02 230 / .8),0 0 0 1px oklch(100% 0 0 / .6)}73%,95%{box-shadow:0 30px 70px -20px oklch(60% .16 155 / .55),0 0 0 3px oklch(76% .16 155)}100%{box-shadow:0 30px 60px -24px oklch(5% .02 230 / .8),0 0 0 1px oklch(100% 0 0 / .6)}}
@keyframes fbScan{0%,38%{top:-42px;opacity:0}41%{opacity:1}64%{top:100%;opacity:1}66%,100%{top:100%;opacity:0}}
.fb-mock-head{display:flex;align-items:center;gap:12px}
.fb-mock-logo{flex:none;width:46px;height:46px;border-radius:14px;background:conic-gradient(from 200deg,oklch(62% .12 195),oklch(80% .12 175),oklch(70% .13 80),oklch(62% .12 195))}
.fb-mock-head strong{display:block;font:600 1.12rem/1.2 var(--font-display);letter-spacing:-.01em}
.fb-mock-head small{display:block;font-size:.82rem;color:oklch(45% .03 230)}
.fb-mock-lines{display:grid;gap:7px}
.fb-mock-lines i{display:block;height:8px;border-radius:8px;background:oklch(88% .02 210);transform-origin:left;transform:scaleX(0);animation:fbLine 9s cubic-bezier(.2,.8,.2,1) infinite}
.fb-mock-lines i:nth-child(2){width:86%;animation-delay:.25s}
.fb-mock-lines i:nth-child(3){width:64%;animation-delay:.5s}
@keyframes fbLine{0%,3%{transform:scaleX(0)}16%,96%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.fb-mock-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fb-mock-photos i{display:block;aspect-ratio:4/3;border-radius:10px;background:linear-gradient(150deg,oklch(78% .1 200),oklch(55% .11 215));scale:0;opacity:0;animation:fbPop 9s cubic-bezier(.3,1.5,.5,1) infinite}
.fb-mock-photos i:nth-child(2){background:linear-gradient(150deg,oklch(88% .07 85),oklch(70% .1 60));animation-delay:.18s}
.fb-mock-photos i:nth-child(3){background:linear-gradient(150deg,oklch(82% .09 160),oklch(58% .1 175));animation-delay:.36s}
@keyframes fbPop{0%,18%{scale:0;opacity:0}26%,96%{scale:1;opacity:1}100%{scale:1;opacity:0}}
.fb-mock-buttons{display:flex;gap:8px}
.fb-mock-buttons span{flex:1;text-align:center;padding:9px 10px;border-radius:var(--radius-pill);font-size:.86rem;font-weight:700;border:1px solid oklch(80% .03 210)}
.fb-mock-buttons span:first-child{background:oklch(62% .15 152);border-color:transparent;color:#fff}
.fb-mock-pin{position:absolute;right:-14px;top:30px;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:oklch(72% .16 155);color:#fff;box-shadow:0 14px 30px -8px oklch(55% .15 155 / .8);opacity:0;animation:fbPin 9s infinite}
.fb-mock-pin svg{width:28px;height:28px;stroke-width:2.2}
.fb-mock-pin::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid oklch(80% .16 155);opacity:0;animation:fbRipple 9s infinite}
@keyframes fbPin{0%,68%{transform:translateY(-46px);opacity:0}73%{transform:translateY(0);opacity:1}76%{transform:translateY(-9px)}79%,95%{transform:translateY(0);opacity:1}100%{opacity:0}}
@keyframes fbRipple{0%,73%{scale:.6;opacity:0}75%{opacity:.9}90%,100%{scale:2.2;opacity:0}}
.fb-mock-bar{height:6px;border-radius:6px;background:oklch(100% 0 0 / .12);overflow:hidden}
.fb-mock-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,oklch(83% .13 188),oklch(80% .15 155));animation:fbBar 9s ease-in-out infinite}
@keyframes fbBar{0%{width:4%}34%,38%{width:33%}64%{width:66%}72%,96%{width:100%}100%{width:4%}}
.fb-final.is-idle *,.fb-final.is-idle *::before,.fb-final.is-idle *::after{animation-play-state:paused}

/* LUM360 web development: real loop of lum360.com inside a browser frame, in LUM360 gold. */
.fb-web{position:relative;isolation:isolate;overflow:hidden;margin-block:var(--space-3xl) var(--space-xl);padding:clamp(28px,4.5vw,56px);border-radius:var(--radius-xl);background:radial-gradient(70% 90% at 100% 0%,color-mix(in oklch,var(--color-gold) 22%,transparent),transparent 65%),linear-gradient(150deg,var(--color-gold-soft),var(--color-surface) 60%);border:1px solid color-mix(in oklch,var(--color-gold) 45%,transparent);display:grid;gap:var(--space-2xl);align-items:center}
.fb-web>*,.fb-final>*{min-width:0}
@media (min-width:960px){.fb-web{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}}
.fb-web-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 var(--space-md);color:var(--color-gold);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase}
.fb-web-kicker span{width:9px;height:9px;border-radius:50%;background:var(--color-gold);box-shadow:0 0 0 0 color-mix(in oklch,var(--color-gold) 60%,transparent);animation:fbDot 2.2s ease-out infinite}
@keyframes fbDot{70%,100%{box-shadow:0 0 0 10px transparent}}
.fb-web h2{margin-bottom:var(--space-md)}
.fb-web-copy>p{margin:0 0 var(--space-lg);font-size:1.1rem;color:var(--color-muted);max-width:520px}
.fb-web ul{list-style:none;margin:0 0 var(--space-xl);padding:0;display:grid;gap:var(--space-sm)}
.fb-web li{display:flex;align-items:center;gap:var(--space-sm);font-size:1.04rem}
.fb-web li svg{width:24px;height:24px;padding:4px;border-radius:50%;background:color-mix(in oklch,var(--color-gold) 20%,transparent);color:var(--color-gold);stroke-width:3}
.fb-web-cta{min-height:58px;font-size:1.06rem;padding-inline:var(--space-xl);background:var(--color-gold);border-color:var(--color-gold);color:var(--color-gold-ink);box-shadow:inset 0 1px 0 oklch(100% 0 0 / .35),0 14px 34px -14px color-mix(in oklch,var(--color-gold) 80%,transparent)}
.fb-web-cta svg{transition:transform var(--dur-short) var(--ease-out)}
.fb-web-cta:hover,.fb-web-cta:focus-visible{transform:translateY(-2px);background:color-mix(in oklch,var(--color-gold) 88%,white);box-shadow:inset 0 1px 0 oklch(100% 0 0 / .4),0 20px 40px -14px color-mix(in oklch,var(--color-gold) 90%,transparent)}
.fb-web-cta:hover svg,.fb-web-cta:focus-visible svg{transform:translateX(4px)}
.fb-web-preview{margin:0;perspective:1500px}
.fb-web-browser{display:block;border-radius:16px;overflow:hidden;background:oklch(13% .01 80);border:1px solid color-mix(in oklch,var(--color-gold) 50%,transparent);box-shadow:0 44px 90px -40px oklch(10% .02 70 / .75),0 0 70px -18px color-mix(in oklch,var(--color-gold) 55%,transparent);transform:rotateY(-9deg) rotateX(5deg) rotateZ(.5deg);transform-origin:30% 50%;transition:transform .7s var(--ease-out),box-shadow .7s var(--ease-out)}
.fb-web:hover .fb-web-browser,.fb-web-browser:focus-visible{transform:none;box-shadow:0 50px 100px -40px oklch(10% .02 70 / .8),0 0 90px -14px color-mix(in oklch,var(--color-gold) 70%,transparent)}
.fb-web-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:oklch(19% .012 80);border-bottom:1px solid oklch(100% 0 0 / .08)}
.fb-web-bar i{width:10px;height:10px;border-radius:50%;background:oklch(65% .17 25)}
.fb-web-bar i:nth-child(2){background:oklch(82% .14 85)}
.fb-web-bar i:nth-child(3){background:oklch(74% .15 150)}
.fb-web-bar span{flex:1;min-width:0;margin-left:10px;padding:4px 12px;border-radius:var(--radius-pill);background:oklch(100% 0 0 / .07);color:oklch(80% .02 80);font:500 .78rem/1.3 var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fb-web-browser video{display:block;width:100%;aspect-ratio:8/5;height:auto;object-fit:cover;background:oklch(13% .01 80)}
.fb-web-preview figcaption{margin-top:var(--space-md);font-size:var(--text-sm);color:var(--color-muted);text-align:center}
.fb-web.is-idle *{animation-play-state:paused}
.fb-fine{font-size:var(--text-sm);color:var(--color-muted);max-width:760px}
.fb-fine p{margin:0 0 var(--space-xs)}
@media (max-width:599px){.fb-actions .button{width:100%}.fb-ai{padding:var(--space-xl) var(--space-lg)}.fb-final{padding:var(--space-xl) var(--space-lg)}.fb-final-cta{width:100%;white-space:normal;text-align:left;justify-content:space-between}.fb-mock{transform:none;width:100%}.fb-mock-pin{right:-6px}.fb-web{padding:var(--space-xl) var(--space-lg)}.fb-web-cta{width:100%}.fb-web-browser{transform:none}}
@media (prefers-reduced-motion:reduce){.fb-cta svg,.fb-faq summary::after,.fb-web-cta svg,.fb-web-browser{transition:none}.fb-final *,.fb-final *::before,.fb-final *::after,.fb-web *{animation:none!important}.fb-mock-lines i{transform:none}.fb-mock-photos i{scale:1;opacity:1}.fb-mock-status span:nth-child(3),.fb-mock-pin{opacity:1}.fb-mock-bar i{width:100%}.fb-final-cta::after{display:none}}