/* Landing-only editorial treatment for the Mongoose business collection. */
.discovery .hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(35px,5vw,82px);min-height:660px;padding:72px 0 78px}
.hero-copy h1{font-size:clamp(49px,5.5vw,78px);letter-spacing:-.05em}
.hero-copy .lead{line-height:1.65;max-width:470px}
.hero-editorial{position:relative;align-self:stretch;min-height:490px;margin:0;overflow:hidden;border:1px solid #60705570;border-radius:4px;background:#2e382c;box-shadow:0 24px 65px #0005}
.hero-editorial>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-editorial::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#06100bc7);pointer-events:none}
.hero-editorial figcaption{position:absolute;left:28px;right:120px;bottom:26px;z-index:1;color:#fff;font:500 clamp(23px,2.2vw,31px)/1.12 Georgia,serif;letter-spacing:-.03em;text-shadow:0 2px 12px #0009}
.hero-seal{position:absolute;right:25px;bottom:23px;z-index:2;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#f0f0e3ec;box-shadow:0 8px 24px #0008}
.hero-seal img{width:58px;height:58px;image-rendering:pixelated;border-radius:18%}
.benefits{padding:43px 0 70px;gap:0}
.benefits article{padding-right:28px}
.benefits article+article{padding-left:30px}
.benefits h2{font-size:clamp(22px,2.2vw,29px);margin-bottom:12px}
.benefits p:not(.eyebrow){line-height:1.6}
.journey{border-radius:4px}
@media(max-width:760px){.discovery .hero{grid-template-columns:1fr;gap:34px;padding:45px 0 42px;min-height:0}.hero-editorial{min-height:345px;width:100%}.hero-editorial figcaption{left:19px;right:100px;bottom:22px;font-size:21px}.hero-seal{width:61px;height:61px;right:17px;bottom:16px}.hero-seal img{width:46px;height:46px}.benefits{padding:38px 0 55px;gap:0}.benefits article,.benefits article+article{padding:0 0 22px}}
/* The moving hero (2026-10-09, app.js heroStage): the symbol floats in its app's signature tint, the steps play beneath it. */
.hero-live{display:grid;grid-template-rows:1fr auto auto;justify-items:center;align-items:center;padding:clamp(34px,4vw,52px) clamp(24px,3.4vw,46px) clamp(26px,3vw,38px);background:var(--tint,#fff1e6)!important;border-color:var(--tint-line,#ead9cd)!important}
.hero-live:before{background:var(--accent,#d95416)!important}
.hero-icon{position:relative;display:grid;place-items:center;width:clamp(150px,17vw,220px);aspect-ratio:1;margin-top:8px}
.hero-icon:before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle,#ffffffd9 0 45%,transparent 70%)}
.hero-icon img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 26px #3b210f26);animation:hero-float 6s ease-in-out infinite}
@keyframes hero-float{50%{transform:translateY(-12px) rotate(-1.5deg)}}
.hero-ticker{display:grid;justify-items:center;gap:12px;width:100%;margin:22px 0 18px}
.hero-step-text{display:flex;align-items:baseline;gap:12px;margin:0;padding:12px 20px;max-width:100%;border:1px solid var(--tint-line,#ead9cd);border-radius:999px;background:#fff;box-shadow:0 10px 26px #3b210f12;font-size:15px;color:#29211d}
.hero-step-text span{font:700 11px ui-monospace,Consolas,monospace;letter-spacing:.12em;color:var(--tint-ink,#a64417)}
.hero-step-text b{font-weight:600;overflow-wrap:anywhere}
.hero-dots{display:flex;gap:4px}
.hero-dot{width:28px;height:28px;padding:0;border:0;background:none;display:grid;place-items:center}
.hero-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--tint-line,#ead9cd);transition:width .3s,background .3s}
.hero-dot[aria-current=step]:after{width:22px;border-radius:6px;background:var(--tint-ink,#a64417)}
.hero-live figcaption{position:static!important;justify-self:stretch;padding-right:64px;text-align:left}
.hero-live .hero-seal{bottom:clamp(24px,3vw,34px)!important}
.deep-lead{max-width:760px;margin:0;padding:40px 0 0;border-top:1px solid var(--line);font:400 clamp(21px,2.1vw,27px)/1.45 Georgia,serif;letter-spacing:-.015em;color:#3a312b}
.deep-lead+.benefits{border-top:0}
@media(max-width:760px){.hero-live{min-height:0!important;padding:28px 20px 22px}.hero-icon{width:132px}.hero-step-text{font-size:13.5px;padding:10px 16px}.hero-live figcaption{padding-right:52px;font-size:22px!important}}
@media(prefers-reduced-motion:reduce){.hero-icon img{animation:none}}
.journey{background:var(--tint,#fff1e6)!important;border-color:var(--tint-line,#ead9cd)!important}
.journey .eyebrow,.journey li:before,.benefits .eyebrow{color:var(--tint-ink,#a64417)!important}
/* The Mongoose Business line (2026-10-19): this app is one focus app; Business is a separate product that runs the whole business. */
.biz-line{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:10px 0 0;padding:30px 34px;border-radius:16px;background:#17201b;color:#eef0e6;box-shadow:0 18px 50px #0b120e29}
.biz-line .eyebrow{color:#9fc7a8;margin:0 0 10px}
.biz-line-text{margin:0;max-width:640px;font:400 clamp(17px,1.6vw,20px)/1.5 Georgia,serif;color:#eef0e6}
.biz-line-link{flex:none;padding:13px 20px;border-radius:999px;background:#eef0e6;color:#17201b;font-weight:650;text-decoration:none;transition:transform .2s ease,background .2s ease}
.biz-line-link:hover,.biz-line-link:focus-visible{background:#fff;transform:translateY(-2px)}
.biz-line-link:focus-visible{outline:3px solid #9fc7a8;outline-offset:3px}
@media(max-width:760px){.biz-line{flex-direction:column;align-items:flex-start;gap:20px;padding:24px 22px}}
@media(prefers-reduced-motion:reduce){.biz-line-link{transition:none}.biz-line-link:hover{transform:none}}