/* Growth Duo: the Verthilix homepage palette and typography. */
:root{--paper:#faf9f4;--ink:#22392d;--muted:#62685f;--line:#dedfd4;--lime:#e3ebd8;--purple:#77628e;--green:#48633d;--radius:24px}
html{scroll-padding-top:106px}body{font-family:Satoshi,Inter,Arial,sans-serif;font-size:16px;color:var(--ink)}
h1,h2,h3,h4{font-family:Satoshi,Inter,Arial,sans-serif;color:#151a16;font-weight:700;letter-spacing:-.045em;text-wrap:balance}
h2{font-size:clamp(32px,3.8vw,50px);line-height:1.08}.serif{font-family:'Instrument Serif',Georgia,serif;letter-spacing:-.025em;font-weight:400}
p{line-height:1.75}.wrap{width:min(1160px,calc(100% - 80px))}.section{padding-block:88px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;color:#496044}
.button{border-radius:8px;font-size:14px;min-height:50px;padding:15px 22px;gap:20px}.button:hover{transform:none}.dark{background:#22392d}.dark:hover{background:#365443}.lime{background:#e3ebd8;color:#22392d}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #b58b47;outline-offset:4px}.text-link{font-size:14px}.micro,.section-note,.input-note{font-size:13px;line-height:1.75}
.header{position:sticky;top:0;z-index:20;background:#faf9f4f5;backdrop-filter:blur(12px);height:86px;border-color:var(--line)}.brand{font-size:25px;letter-spacing:-1.2px}.header nav{gap:22px;font-size:13px}.header nav a:hover{color:#48633d}.header .small{font-size:13px}
.hero{padding:72px 0 60px;gap:56px;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(48px,5.3vw,72px);line-height:.99;letter-spacing:-.055em;margin-bottom:26px;font-weight:900}.hero h1 .serif{color:#526b43;display:inline-block;line-height:1.03}.hero .eyebrow{font-size:10px;margin-bottom:25px}.hero-intro{font-size:17px;max-width:490px;line-height:1.75;margin-bottom:28px}.hero-action-row{gap:20px;flex-wrap:wrap}.hero-secondary{font-size:14px}.hero-offer-price{display:flex;gap:14px;align-items:center;padding-top:25px;margin-top:25px;border-top:1px solid var(--line)}.hero-offer-price strong{font-size:30px;letter-spacing:-.04em}.hero-offer-price span{font-size:12px;line-height:1.65}.hero-ai-link{font-size:12px;color:#526b43;border-color:#bcc7b4;margin-top:18px}.hero-ai-logos{display:inline-flex;align-items:center}.hero-ai-logos img{width:18px;height:18px;object-fit:contain;border-radius:5px;background:#fff;margin-left:-5px;box-shadow:0 0 0 1.5px #faf9f4}.hero-ai-logos img:first-child{margin-left:0}
.duo-map{background:#f0f1e8;border:1px solid #dfe3d5;border-radius:30px;padding:28px 24px 20px;min-width:0}.duo-source{display:flex;align-items:center;flex-direction:column;gap:5px;background:#fffefa;border:1px solid #dfe3d5;border-radius:14px;padding:18px 12px;max-width:310px;margin:auto}.duo-source .eyebrow{font-size:8px;margin:0 0 3px}.duo-source strong{font-size:22px;letter-spacing:-.04em}.duo-source>span:last-child{font-size:11px;color:var(--muted)}.duo-branch{display:flex;justify-content:space-around;font-size:24px;color:#91a181;height:45px;align-items:center}.duo-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px}.duo-path{min-width:0;border:1px solid #ddd9e4;border-radius:16px;padding:15px;background:#eee8f4}.duo-search{background:#e7eddb;border-color:#dbe2cf}.duo-path-label{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;flex-wrap:wrap}.duo-path-label small{font-size:7px;letter-spacing:.1em;margin-left:auto;color:#66715f}.duo-path-label b{width:25px;height:25px;font-size:22px}.duo-path h2{font-size:20px;line-height:1.12;margin:19px 0 9px;text-wrap:initial}.duo-path p{font-size:12px;line-height:1.7;margin:0;color:#515a50}.duo-video-art,.duo-article-art{height:170px;border-radius:9px;margin-top:18px;display:flex;flex-direction:column;justify-content:space-between;padding:19px 14px;background:#79658f;color:#fff9ed}.duo-video-art>span,.duo-article-art>span{font-size:17px;line-height:1.15;font-weight:700;letter-spacing:-.035em}.duo-video-art i{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff70;border-radius:50%;font-size:13px;font-style:normal}.duo-video-art small,.duo-article-art small{font-size:7px;letter-spacing:.12em}.duo-article-art{background:#fffdf4;color:#48633d}.duo-article-art i{height:3px;background:#d8dfcb;width:100%;display:block}.duo-article-art i:nth-of-type(2){width:88%}.duo-article-art i:nth-of-type(3){width:65%}.duo-review{text-align:center;font-size:11px;margin-top:22px}.duo-review span{margin-right:7px;color:#48633d}
.duo-assurance{display:flex;gap:28px;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding-block:22px;font-size:13px}.duo-assurance b{font-size:10px;color:#86947b;margin-right:10px}.duo-assurance a{font-weight:700}.offer-overview{padding-block:80px}.overview-heading{max-width:760px}.overview-heading>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:580px}.offer-facts{gap:18px}.offer-fact{border-radius:22px;padding:28px}.offer-fact h3{font-size:27px}.offer-fact p,.offer-fact li{font-size:14px;line-height:1.7}.offer-fact .fact-footnote{font-size:11px}.video-fact{background:#eee8f4;border-color:#e0d8e9}.blog-fact{background:#edf1e4;border-color:#dfe4d5}.plan-fact{background:#22392d;color:#fff9ed;border-color:#22392d}.plan-fact h3,.plan-fact p,.plan-fact li{color:#fff9ed}.plan-fact .pill{background:#3e5645;color:#edf3e4}.plan-fact .button{background:#e3ebd8;color:#22392d}.plan-fact .fact-footnote{color:#c5d1c0}.overview-bottom{font-size:12px;line-height:1.75}.channel-strip{background:#f0f2e9}.channel-strip .wrap>div{font-size:12px;gap:16px}.channel-strip .wrap>span{font-size:9px}.section-heading>p{font-size:15px;max-width:390px;line-height:1.75}.fit-card{padding:30px;border-radius:22px}.fit-card h3{font-size:24px}.fit-card li{font-size:15px;line-height:1.8}.fit-card a{font-size:14px}.fit-section .section-note{font-size:13px}
.engines{background:#f0f2e9;border-radius:32px;margin-inline:24px}.engine{padding:32px;border:1px solid #dedfd4}.vlozy{background:#eee8f4}.blogoose{background:#fffef9}.engine-head{font-size:22px}.engine h3{font-size:34px}.engine>p{font-size:15px;line-height:1.75}.flow-mini{font-size:9px}.feature-list strong{font-size:15px}.feature-list li span{font-size:14px;line-height:1.8}.workflow-steps h3{font-size:25px}.workflow-steps p{font-size:15px}.workflow-callout{background:#edf1e4;border:1px solid #dfe4d5;border-radius:16px}.workflow-callout p{font-size:14px}.use-cases{background:#f6f3ea}.case-tabs button{font-size:14px;padding:12px 18px}.case-panel{border-radius:24px}.case-intro{background:#e9eddf;padding:36px}.case-intro h3{font-size:32px}.case-intro p,.case-examples p{font-size:15px;line-height:1.8}.case-examples h4{font-size:21px}.pill{font-size:9px}.ai-comparison-invite{background:#f0ecf5;border-color:#e0d8e9;padding:28px;border-radius:20px}.ai-comparison-invite p:not(.eyebrow){font-size:14px}.ai-comparison-invite h3{font-size:26px}.table-scroll{border-radius:18px}th,td{font-size:14px;line-height:1.65;padding:20px}th{background:#edf1e4}.comparison .section-note{font-size:13px}
.cost-calculator{border-radius:24px}.cost-group{border-radius:18px}.cost-label-title{font-size:14px}.cost-group-desc,.cost-field-sub,.cost-range-limits{font-size:12px}.cost-field{min-width:0}.cost-group-grid{gap:24px}.cost-slider-label{flex-wrap:wrap;gap:10px}.cost-result{border-radius:18px;padding:26px}.cost-result h3{font-size:34px;overflow-wrap:anywhere}.cost-result p,.cost-breakdown-details,.cost-card-note{font-size:13px}.cost-result--bundle{background:#22392d;color:#fff9ed}.cost-result--bundle h3,.cost-result--bundle p,.cost-result--bundle .cost-label,.cost-result--bundle .cost-card-note,.cost-result--bundle .cost-breakdown-details,.cost-result--bundle .cost-bundle-perks,.cost-result--bundle .cost-bundle-perks span{color:#fff9ed}.cost-result--bundle .cost-bundle-perks strong{color:#fff}.cost-result--bundle .text-link{color:#e3ebd8}.cost-savings-callout{font-size:12px}.cost-volume-summary{font-size:13px}
.plan-section{background:#edf1e6;border-top:1px solid #dfe4d5;border-bottom:1px solid #dfe4d5}.onboard-heading>p{font-size:15px;line-height:1.8}.direct-support-promise{background:#fffdf7;border:1px solid #dce2d2;border-radius:22px;padding:30px;margin-bottom:36px}.direct-support-promise h3{font-size:28px}.direct-support-promise .eyebrow{color:#3d5340}.direct-support-promise p:not(.eyebrow){font-size:14px;line-height:1.8;color:#2a3128}.direct-support-promise .support-promise-access{color:#3a4336!important}.support-promise-signature{color:#3a4336}.support-timeframes>div{background:#edf1e4}.support-timeframes strong{font-size:40px;color:#151a16}.support-timeframes span{color:#2c3828;font-size:13px;font-weight:600}.onboard-layout{gap:28px;align-items:start}.onboard-sidebar{position:sticky;top:110px}.onboard-sidebar ol li{font-size:14px}.onboard-sidebar small{font-size:12px}.onboard-assurance p,.onboard-assurance a{font-size:13px;line-height:1.8}.quiz-card{border-radius:24px;background:#fffefa;box-shadow:0 12px 40px #22392d06;border:1px solid #dce1d4;padding:32px;min-width:0}.quiz-step legend{font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.035em}.question-help{font-size:15px;line-height:1.8}.onboarding-data-note{font-size:12px;line-height:1.75}.quiz-step input:not([type=radio]),.quiz-step select{font-size:16px;min-height:50px;border-radius:10px;background:#fff}.field-label{font-size:14px}.choice{border-radius:12px;padding:16px}.choice strong{font-size:15px}.choice span{font-size:13px}.quiz-navigation{gap:16px}.quiz-navigation button{min-height:48px}.back-button,.onboard-skip{font-size:13px}.onboard-video{border-radius:14px}.onboard-video-caption{font-size:10px}.video-reminder{font-size:14px}.onboard-summary-box{padding:22px;border-radius:16px}.summary-val{font-size:14px}.summary-kicker{font-size:10px}.whatsapp-hero-card{background:#edf1e4;border-color:#d3dfc6;border-radius:20px}.whatsapp-direct-card h3{font-size:28px}.whatsapp-direct-card p{font-size:14px}.whatsapp-card-badge{font-size:12px;color:#fff9ed;background:#14532d}.whatsapp-main-cta{background:#22392d!important;color:#fff!important;border-radius:8px}.whatsapp-trust-badges{border-color:#c8d5bb}.whatsapp-trust-badges strong,.whatsapp-trust-badges span{color:#48633d}.onboard-plan-head{background:#22392d}.onboard-plan-specs li{font-size:14px}.onboard-seller-footer{font-size:12px}.setup-limits p,.first-week p,#recommendation-description,#recommendation-actions span{font-size:14px;line-height:1.8}
.faq{grid-template-columns:.85fr 1.15fr;gap:64px}.faq>div>p{font-size:15px}.faq summary{font-size:16px;padding-block:22px;line-height:1.5}.faq details p{font-size:15px;line-height:1.8}.closing{background:#22392d;border-radius:28px;padding:58px;margin-bottom:60px;text-align:center}.closing h2{color:#fff9ed;max-width:800px;margin-inline:auto}.closing>p{font-size:16px;color:#d6dfcf;max-width:660px;margin-inline:auto}.closing .eyebrow{color:#bccdb0}.closing .decision-secondary{color:#e3ebd8}.closing .closing-note{font-size:12px}.footer{padding-block:28px 40px;gap:24px}.footer p{font-size:13px}.footer>div{gap:16px;font-size:12px}.mobile-cta small{display:block;font-size:10px;font-weight:400}.mobile-cta{background:#faf9f4f5;border-top:1px solid var(--line);backdrop-filter:blur(10px);padding-bottom:max(12px,env(safe-area-inset-bottom))}
@media(min-width:761px) and (max-width:1100px){.wrap{width:calc(100% - 48px)}.header nav{gap:14px}.header nav a:nth-child(2),.header nav a:nth-child(3){display:none}.hero{gap:28px}.duo-map{padding:20px 16px}.duo-path{padding:12px}.duo-path-label small{width:100%;margin:3px 0 0}.hero h1{font-size:55px}.hero-action-row{gap:14px}.hero-action-row .button{padding-inline:16px}.offer-fact{padding:22px}.offer-fact h3{font-size:25px}.cost-result{padding:20px}.cost-result h3{font-size:28px}}
@media(max-width:760px){html{scroll-padding-top:84px}.wrap{width:calc(100% - 40px)}.header{height:74px;gap:12px}.header nav{display:none}.brand{font-size:22px}.header .button{font-size:12px;padding:11px 14px;min-height:44px}.hero{padding:44px 0 32px;grid-template-columns:1fr;gap:36px}.hero h1{font-size:clamp(46px,10vw,68px)}.hero-intro{font-size:16px;max-width:560px}.hero .eyebrow{font-size:9px}.hero-action-row{display:flex;gap:16px}.hero-action-row .button{font-size:13px}.hero-offer-price{margin-top:24px;padding-top:20px}.hero-offer-price strong{font-size:29px}.duo-map{padding:24px 18px 20px;border-radius:24px;max-width:540px;width:100%;margin:auto}.duo-path{padding:12px}.duo-path h2{font-size:20px}.duo-path-label small{width:100%;margin:3px 0 0}.duo-video-art,.duo-article-art{padding:16px 10px;height:160px}.duo-video-art>span,.duo-article-art>span{font-size:15px}.duo-path p{font-size:12px}.duo-assurance{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px;font-size:11px;padding-block:20px}.duo-assurance b{margin-right:5px;font-size:9px}.section{padding-block:58px}h2{font-size:36px}.offer-overview{padding-block:50px}.offer-fact{padding:26px}.offer-fact h3{font-size:28px}.offer-facts{gap:14px}.overview-heading>p:not(.eyebrow){font-size:15px}.overview-bottom{align-items:flex-start;gap:14px;flex-direction:column}.section-heading{gap:18px;margin-bottom:28px}.section-heading>p{font-size:15px}.engines{margin-inline:10px;border-radius:24px}.engines .wrap{width:calc(100% - 32px)}.engine{padding:25px}.engine h3{font-size:32px}.engine-head{margin-bottom:24px}.engine-type{font-size:7px}.workflow-steps{gap:26px}.workflow-steps h3{margin-top:16px}.case-intro,.case-examples{padding:26px}.case-tabs{gap:7px}.case-tabs button{font-size:12px;padding:10px 14px}.ai-comparison-invite{padding:23px}.ai-comparison-invite h3{font-size:25px}.ai-comparison-invite p:not(.eyebrow){font-size:14px}.table-scroll th,.table-scroll td{font-size:13px;padding:17px;min-width:150px}.table-scroll{overscroll-behavior-x:contain}.cost-calculator{padding:0;border:0;background:transparent;box-shadow:none}.cost-group{padding:22px 18px}.cost-group-grid{grid-template-columns:1fr;gap:28px}.cost-slider-label{gap:9px}.cost-label-title{font-size:14px}.cost-results{grid-template-columns:1fr;gap:14px}.cost-result{padding:25px}.cost-result h3{font-size:32px}.direct-support-promise{padding:24px}.direct-support-promise h3{font-size:27px}.onboard-layout{grid-template-columns:1fr;gap:24px}.onboard-sidebar{position:static}.onboard-sidebar ol{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-block:18px}.onboard-sidebar ol li{padding:10px;min-width:0;margin:0;border:1px solid #dce2d2;border-radius:10px;gap:9px}.onboard-sidebar li b{font-size:11px}.onboard-sidebar li span{font-size:12px}.onboard-sidebar li small{display:none}.onboard-assurance{padding:18px}.quiz-card{padding:24px 20px;border-radius:20px}.quiz-step legend{font-size:26px}.question-help{font-size:14px}.quiz-step .contact-fields{grid-template-columns:1fr}.quiz-top{font-size:10px}.quiz-footer{font-size:9px}.onboard-video-caption{font-size:8px;gap:10px;flex-wrap:wrap}.summary-box-grid{grid-template-columns:1fr}.whatsapp-direct-card h3{font-size:25px}.whatsapp-trust-badges{gap:12px}.onboard-plan-specs{padding:20px}.onboard-plan-specs li{font-size:13px}.onboard-plan-head{padding:20px}.faq{grid-template-columns:1fr;gap:28px}.faq summary{font-size:15px}.closing{padding:40px 24px;border-radius:24px;margin-bottom:30px}.closing h2{font-size:35px}.closing>p{font-size:15px}.footer{padding-bottom:110px}.footer>div{line-height:2}.mobile-cta{padding-inline:20px}.mobile-cta .button{font-size:12px;min-height:44px}.mobile-cta>span{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.channel-strip .wrap{align-items:center}.channel-strip .wrap>span{flex:0 0 128px}.channel-strip ul{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:flex-end;list-style:none;padding:0;margin:0;min-width:0}.channel-strip li{font-size:12px;line-height:1.4;padding:5px 9px;border:1px solid #dce2d4;border-radius:999px;background:#faf9f4}.quiz-step :is(input,select):focus-visible{outline-color:#b58b47}
@media(max-width:760px){.channel-strip .wrap{align-items:flex-start;flex-direction:column;gap:12px}.channel-strip .wrap>span{flex:auto;max-width:none}.channel-strip ul{justify-content:flex-start}.channel-strip li{font-size:11px}}

/* Homepage navigation and footer. */
.verthilix-announce {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.55rem 1.4rem;
    background: #1c3a2a;
    color: #f4f7f2;
    font-family: Satoshi, "Inter Tight", Inter, system-ui, sans-serif;
    font-size: 0.875rem;
    font-weight: 500;
}
.verthilix-announce p { margin: 0; }
.verthilix-announce a { color: #f3d48a; text-decoration: none; white-space: nowrap; }
.verthilix-site-header__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0.85rem 1.4rem;
}
.verthilix-site-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    text-decoration: none;
    color: #1c1914;
}
.verthilix-site-brand img { display: block; width: 34px; height: 34px; }
.verthilix-site-brand-name {
    font-family: Satoshi, "Inter Tight", Inter, system-ui, sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.verthilix-site-footer {
    background: #143028;
    color: #d7e0d8;
    padding: 3.2rem 1.6rem 2.2rem;
    font-family: Satoshi, "Inter Tight", Inter, system-ui, sans-serif;
}
.verthilix-footer-brand { max-width: 28rem; margin-bottom: 2.4rem; }
.verthilix-footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    color: #f4f7f2;
    text-decoration: none;
    font-family: Satoshi, "Inter Tight", Inter, system-ui, sans-serif;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.verthilix-footer-logo img { width: 34px; height: 34px; filter: brightness(0) invert(1); }
.verthilix-footer-brand p { margin: 1rem 0 0; max-width: 26rem; line-height: 1.6; color: #c5d0c6; }
.verthilix-footer-cols {
    display: grid;
    gap: 1.6rem 2rem;
}
.verthilix-footer-cols strong {
    display: block;
    margin-bottom: 0.85rem;
    color: #f4f7f2;
    font-family: Satoshi, "Inter Tight", Inter, system-ui, sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
.verthilix-footer-cols a {
    display: block;
    margin-top: 0.7rem;
    color: #d7e0d8;
    font-size: 0.95rem;
    font-weight: 400;
    text-decoration: none;
}
.verthilix-footer-cols a:hover { color: #fff; }
.verthilix-footer-copy { margin: 2.4rem 0 0; color: #9aab9d; font-size: 0.85rem; }
@media (min-width: 800px) {
    .verthilix-site-footer {
        display: grid;
        grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.6fr);
        column-gap: 4rem;
        align-items: start;
        padding: 4rem 3rem 2.5rem;
    }
    .verthilix-footer-brand { margin-bottom: 0; }
    .verthilix-footer-cols { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .verthilix-footer-copy { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
    .verthilix-announce { flex-direction: column; align-items: flex-start; }
}
.verthilix-site-nav {
    display: none;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem 1.35rem;
    font-size: 0.95rem;
    font-weight: 500;
}
.verthilix-site-nav-menu summary { list-style: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; cursor: pointer; color: #1c1914; }
.verthilix-site-nav-menu summary::-webkit-details-marker { display: none; }
.verthilix-site-nav-menu summary::marker { content: ""; }
.verthilix-menu-icon { display: block; }
.verthilix-site-nav-menu { position: relative; }
.verthilix-site-nav-links {
    position: absolute;
    right: 0;
    top: calc(100% + 0.35rem);
    z-index: 50;
    width: min(18.5rem, calc(100vw - 1.6rem));
    display: grid;
    gap: 0.15rem;
    margin: 0;
    padding: 0.4rem;
    background: #fff;
    border: 1px solid #dedfd4;
    border-radius: 12px;
    box-shadow: 0 14px 32px rgba(28, 25, 20, 0.14);
    text-align: left;
}
.verthilix-site-nav-links a {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 0 0.9rem;
    border-radius: 8px;
    color: #121212;
    font-size: 1.0625rem;
    font-weight: 650;
    line-height: 1.3;
    text-decoration: none;
}
.verthilix-site-nav-links a:hover,
.verthilix-site-nav-links a:focus-visible { background: #f6f3ea; }
.verthilix-site-nav a:focus-visible,
.verthilix-site-nav-links a:focus-visible,
.verthilix-site-nav-menu summary:focus-visible {
    outline: 2px solid #16151a;
    outline-offset: 3px;
}

@media (min-width: 900px) {
    .verthilix-site-nav { display: flex; }
    .verthilix-site-nav-menu { display: none; }
}
.verthilix-site-nav a { color: inherit; text-decoration: none; }
.verthilix-site-nav-cta {
    border-radius: 2px;
    background: #c6a15b;
    color: #1c1914 !important;
    padding: 0.7rem 1rem;
    font-weight: 650;
}

html { scroll-padding-top: 130px; }
.skip { z-index: 60; }
.verthilix-site-header {
    position: sticky;
    top: 0;
    z-index: 40;
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
}
.verthilix-site-header__bar { position: relative; }
.offer-jump-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 24px;
    padding-block: 12px;
    border-bottom: 1px solid var(--line);
    font-size: 13px;
    font-weight: 600;
}
.offer-jump-nav a { display: inline-flex; align-items: center; min-height: 36px; }
.offer-jump-nav a:last-child { margin-left: auto; font-weight: 700; }
.offer-jump-nav a:hover { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 799px) {
    .verthilix-footer-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    html { scroll-padding-top: 148px; }
    .verthilix-announce { gap: 0.25rem; }
    .offer-jump-nav { gap: 0 16px; }
    .offer-jump-nav a:last-child { margin-left: 0; }
    .verthilix-site-footer { padding-bottom: calc(6rem + env(safe-area-inset-bottom)); }
}

/* Keep the original diagram in place while each preview plays its own scenes. */
.workflow-preview {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin-top: 18px;
    border-radius: 9px;
}

.workflow-preview .duo-video-art,
.workflow-preview .duo-article-art { margin-top: 0; }

.workflow-frame {
    position: absolute;
    inset: 0;
    display: grid;
    align-content: center;
    gap: 7px;
    padding: 10px;
    visibility: hidden;
    background: #79658f;
    color: #fff9ed;
    font-size: 11px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.duo-search .workflow-frame { background: #fffdf4; color: #354d2c; }
.workflow-frame small { font-size: 8px; font-weight: 700; letter-spacing: .07em; }
.workflow-frame strong { font-size: clamp(13px, 1.3vw, 17px); line-height: 1.15; }
.workflow-excerpt { padding: 7px; border-radius: 5px; background: #e9eddf; }

.workflow-rows { list-style: none; padding: 0; margin: 0; }
.workflow-rows li, .workflow-rows div {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 3px;
    padding: 4px 0;
    border-bottom: 1px solid #ffffff40;
}
.workflow-rows dd { margin: 0; font-weight: 700; }

.workflow-wave { display: flex; align-items: center; gap: 4px; height: 27px; }
.workflow-wave i { width: 4px; height: 70%; background: #f5e9fa; border-radius: 4px; }
.workflow-wave i:nth-child(even) { height: 38%; }
.workflow-lines { display: grid; gap: 7px; padding-block: 7px; }
.workflow-lines i { height: 3px; background: #bccbaa; transform-origin: left; }
.workflow-lines i:nth-child(2) { width: 85%; }
.workflow-lines i:nth-child(3) { width: 65%; }

@media (prefers-reduced-motion: no-preference) {
    .workflow-demo--started .workflow-frame {
        animation: workflow-preview-scene 20s linear infinite;
    }
    .workflow-demo--started .workflow-frame--create { animation-delay: 5s; }
    .workflow-demo--started .workflow-frame--publish { animation-delay: 10s; }
    .workflow-demo--started .workflow-frame--discover { animation-delay: 15s; }
    .workflow-demo--started .workflow-wave i { animation: workflow-wave 650ms ease-in-out infinite alternate; }
    .workflow-demo--started .workflow-wave i:nth-child(even) { animation-delay: 220ms; }
    .workflow-demo--started .workflow-lines i { animation: workflow-type 20s ease-out 5s infinite; }
    .workflow-demo--started .duo-video-art i { animation: workflow-play 2s ease-out infinite; }
    .workflow-demo--started .workflow-rows li,
    .workflow-demo--started .workflow-rows div {
        animation: workflow-row 20s ease-out infinite;
    }
    .workflow-demo--started .workflow-rows li { animation-delay: 10.4s; }
    .workflow-demo--started .workflow-rows li:nth-child(2) { animation-delay: 10.7s; }
    .workflow-demo--started .workflow-rows li:nth-child(3) { animation-delay: 11s; }
    .workflow-demo--started .workflow-rows div { animation-delay: 15.4s; }
    .workflow-demo--started .workflow-rows div:nth-child(2) { animation-delay: 15.7s; }
    .workflow-demo--started .workflow-rows div:nth-child(3) { animation-delay: 16s; }
    .workflow-demo--started:not(.workflow-demo--running) * { animation-play-state: paused; }

    @keyframes workflow-preview-scene {
        0% { visibility: visible; opacity: 0; transform: translateY(5px); }
        3%, 23% { visibility: visible; opacity: 1; transform: translateY(0); }
        25% { visibility: visible; opacity: 0; transform: translateY(-4px); }
        25.01%, 100% { visibility: hidden; opacity: 0; }
    }
    @keyframes workflow-wave { to { transform: scaleY(.4); } }
    @keyframes workflow-play {
        45% { box-shadow: 0 0 0 6px #ffffff26; }
        100% { box-shadow: 0 0 0 10px #ffffff00; }
    }
    @keyframes workflow-row {
        from { opacity: .35; transform: translateY(5px); }
        3%, 100% { opacity: 1; transform: translateY(0); }
    }
    @keyframes workflow-type {
        0% { transform: scaleX(.03); }
        10%, 100% { transform: scaleX(1); }
    }
}

/* Match the homepage type scale for the offer's editorial content. */
:root {
    --homepage-font: Satoshi, "Inter Tight", Inter, system-ui, sans-serif;
}

body,
main :is(h1, h2, h3, h4) {
    font-family: var(--homepage-font);
}

.hero h1 {
    font-size: clamp(2.75rem, 4.7vw, 4.5rem);
    font-weight: 900;
    letter-spacing: -.035em;
    line-height: .98;
}

main :is(h1, h2) .serif {
    font: inherit;
    letter-spacing: inherit;
}

.hero h1 .serif { line-height: inherit; }

main h2:not(.duo-path h2) {
    font-size: clamp(2.25rem, 3.8vw, 3.25rem);
    font-weight: 900;
    letter-spacing: -.035em;
    line-height: .98;
}

main :is(.fit-card, .workflow-steps, .ai-comparison-invite) h3 {
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -.035em;
}

main :is(.hero-intro, .section-heading > p, .overview-heading > p:not(.eyebrow),
         .workflow-steps p, .fit-card li, .case-intro p, .case-examples p,
         .onboard-heading > p, .faq details p, .closing > p:not(.closing-note)) {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
}

main :is(.hero-action-row, .offer-fact, .closing) .button {
    font-family: var(--homepage-font);
    font-size: .95rem;
    font-weight: 700;
}

@media (max-width: 760px) {
    .hero h1 { overflow-wrap: anywhere; }
}
