@font-face{
    font-family:Manrope;
    src:url('../fonts/manrope-variable.ttf') format('truetype');
    font-weight:200 800;
    font-style:normal;
    font-display:swap
}

@font-face{
    font-family:Fraunces;
    src:url('../fonts/fraunces-variable.ttf') format('truetype');
    font-weight:100 900;
    font-style:normal;
    font-display:swap
}

.bf-site{
    --paper:#f7f5ef;
    --ink:#193d33;
    --orange:#df633a;
    --peach:#f5b293;
    --mint:#e9eee5;
    --muted:#657369;
    --line:#dce1d6;
    --primary:var(--ink);
    --primary-strong:#102b23;
    --text:var(--ink);
    --font:Manrope,sans-serif;
    background:var(--paper);
    color:var(--ink);
    font-family:Manrope,sans-serif;
    font-size:15px;
    line-height:1.7;
    -webkit-font-smoothing:antialiased
}

.bf-site *{
    box-sizing:border-box
}

.bf-site a{
    color:inherit;
    text-decoration:none
}

.bf-site a:hover{
    text-decoration:none
}

.bf-site button,.bf-site input,.bf-site select,.bf-site textarea{
    font:inherit
}

.bf-site :focus-visible{
    outline:3px solid var(--orange);
    outline-offset:5px
}

.bf-site ::selection{
    background:var(--peach);
    color:var(--ink)
}

.bf-container{
    width:min(1240px,calc(100% - 96px));
    margin-inline:auto
}

.bf-icon{
    width:24px;
    height:24px;
    flex:0 0 24px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round
}

.bf-symbols{
    position:absolute;
    width:0;
    height:0;
    overflow:hidden
}

.bf-sr-only,.bf-home-breadcrumbs,.bf-honeypot{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}

.bf-skip{
    position:fixed;
    top:12px;
    left:20px;
    background:var(--ink);
    color:white!important;
    padding:12px 20px;
    z-index:1100;
    transform:translateY(-180%);
    border-radius:8px
}

.bf-skip:focus{
    transform:translateY(0)
}

.bf-header{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(247,245,239,.96);
    backdrop-filter:blur(16px);
    border-bottom:1px solid transparent;
    transition:border-color .25s,box-shadow .25s
}

.bf-header.is-scrolled{
    border-color:var(--line);
    box-shadow:0 5px 30px #193d3305
}

.bf-header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:36px;
    height:100px
}

.bf-brand{
    display:inline-flex;
    align-items:center;
    gap:11px;
    flex-shrink:0;
    font-size:28px;
    font-weight:800;
    letter-spacing:-1.7px;
    line-height:1.2
}

.bf-brand img{
    display:block
}

.bf-brand-dot{
    color:var(--orange)
}

.bf-navigation{
    display:flex;
    align-items:center;
    gap:28px;
    font-size:12px;
    font-weight:650
}

.bf-navigation>a{
    position:relative;
    padding-block:10px
}

.bf-navigation>a::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:3px;
    height:1px;
    background:currentColor;
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .25s
}

.bf-navigation>a:hover::after{
    transform:scaleX(1)
}

.bf-nav-actions{
    display:flex;
    gap:25px;
    align-items:center;
    margin-left:15px;
    padding-left:30px;
    border-left:1px solid var(--line)
}

.bf-button{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:25px;
    min-height:56px;
    padding:16px 23px;
    border:1px solid transparent;
    border-radius:7px;
    font-family:Manrope,sans-serif;
    font-size:13px;
    font-weight:700;
    line-height:1.5;
    cursor:pointer;
    transition:background .25s,transform .25s,box-shadow .25s
}

.bf-button .bf-icon{
    width:20px;
    height:20px;
    flex-basis:20px;
    transition:transform .25s
}

.bf-button:hover .bf-icon{
    transform:translateX(4px)
}

.bf-button:hover{
    transform:translateY(-2px)
}

.bf-button-dark{
    background:var(--ink);
    color:var(--paper)!important
}

.bf-button-dark:hover{
    background:#0e2d23;
    box-shadow:0 8px 20px #193d3317
}

.bf-button-peach{
    background:var(--peach);
    color:var(--ink)!important
}

.bf-button-peach:hover{
    background:#ffc6a9
}

.bf-button-small{
    min-height:45px;
    padding:12px 17px;
    gap:18px;
    font-size:11px
}

.bf-menu-toggle{
    display:none
}

.bf-kicker{
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 0 24px;
    font-size:10px;
    font-weight:750;
    letter-spacing:1.65px;
    line-height:1.5;
    text-transform:uppercase
}

.bf-live-dot{
    display:block;
    width:7px;
    height:7px;
    background:var(--orange);
    border-radius:50%;
    box-shadow:0 0 0 4px #df633a10
}

.bf-hero{
    display:grid;
    grid-template-columns:1.02fr 1fr;
    align-items:center;
    gap:76px;
    padding-block:62px 85px
}

.bf-hero h1{
    margin:0 0 28px;
    font-family:Fraunces,Georgia,serif;
    font-size:clamp(64px,6.9vw,96px);
    font-weight:500;
    letter-spacing:-5px;
    line-height:1.04
}

.bf-site em{
    font-style:normal;
    color:var(--orange)
}

.bf-hero-description{
    max-width:435px;
    margin-bottom:30px;
    font-size:14px;
    line-height:1.9;
    color:#627068
}

.bf-hero-actions{
    display:flex;
    align-items:center;
    gap:24px;
    flex-wrap:wrap
}

.bf-text-link{
    display:inline-flex;
    align-items:center;
    gap:12px;
    font-size:11px;
    font-weight:750;
    line-height:1.7
}

.bf-text-link>span{
    display:inline-block;
    font-size:21px;
    transition:transform .25s
}

.bf-text-link:hover>span{
    transform:translate(3px,-3px)
}

.bf-hero-reassurance{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:19px;
    font-size:10px;
    color:var(--muted)
}

.bf-hero-reassurance .bf-icon{
    width:16px;
    height:16px;
    flex-basis:16px;
    stroke:var(--orange)
}

.bf-hero-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    max-width:435px;
    margin-top:47px;
    padding-top:20px;
    border-top:1px solid var(--line);
    font-size:8px;
    letter-spacing:1.4px;
    font-weight:650;
    line-height:1.9;
    color:var(--muted)
}

.bf-round-arrow{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border:1px solid #bdc8bb;
    border-radius:50%;
    font-size:20px;
    color:var(--ink)
}

.bf-hero-art{
    position:relative;
    padding:9px 0 34px
}

.bf-photo-wrap{
    position:relative;
    height:535px;
    border-radius:190px 190px 22px 22px;
    overflow:hidden;
    background:#ddd0b7
}

.bf-photo-wrap::after{
    content:"";
    position:absolute;
    inset:50% 0 0;
    background:linear-gradient(transparent,#193d3355)
}

.bf-hero-photo{
    display:block;
    object-fit:cover;
    object-position:63% center;
    width:100%;
    height:100%;
    animation:bf-photo-in 1.1s cubic-bezier(.2,.6,.3,1) both
}

.bf-photo-label{
    position:absolute;
    z-index:1;
    left:25px;
    bottom:26px;
    display:flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-size:9px;
    letter-spacing:.2px
}

.bf-photo-label>span{
    width:6px;
    height:6px;
    background:var(--peach);
    border-radius:50%
}

.bf-seal{
    position:absolute;
    top:3px;
    right:-32px;
    width:113px;
    height:113px;
    background:var(--peach);
    border:6px solid var(--paper);
    border-radius:50%;
    color:var(--ink);
    transform:rotate(15deg);
    z-index:2
}

.bf-seal>svg:first-child{
    width:100%;
    height:100%;
    animation:bf-turn 40s linear infinite
}

.bf-seal text{
    fill:currentColor;
    font:700 8px Manrope,sans-serif;
    letter-spacing:1.1px
}

.bf-seal-direction{
    position:absolute;
    inset:35%;
    width:30%;
    height:30%;
    stroke:currentColor;
    stroke-width:1.5;
    fill:none
}

.bf-floating-note{
    position:absolute;
    bottom:6px;
    left:-43px;
    right:34px;
    display:flex;
    align-items:center;
    gap:15px;
    background:#fffdf8;
    box-shadow:0 15px 45px #18362c15;
    border:1px solid #ecebe2;
    padding:19px 20px;
    border-radius:10px;
    z-index:3;
    animation:bf-note-in 1s .25s both
}

.bf-note-icon{
    display:grid;
    place-items:center;
    flex:0 0 46px;
    height:46px;
    background:var(--mint);
    border-radius:10px
}

.bf-floating-note>div{
    flex:1;
    min-width:0
}

.bf-small{
    display:block;
    font-size:10px;
    color:var(--muted);
    line-height:1.7
}

.bf-floating-note strong{
    display:block;
    font-size:14px;
    font-weight:750;
    margin:2px 0 8px
}

.bf-note-line{
    display:flex;
    justify-content:space-between;
    gap:10px;
    font-size:9px;
    color:var(--muted);
    padding-top:8px;
    border-top:1px solid var(--line)
}

.bf-note-line b{
    font-weight:700;
    color:var(--ink);
    white-space:nowrap
}

.bf-note-check{
    align-self:flex-start;
    margin-top:8px;
    display:grid;
    place-items:center;
    width:21px;
    height:21px;
    background:var(--ink);
    border-radius:50%;
    font-size:11px;
    color:white
}

.bf-art-caption{
    position:absolute;
    right:0;
    bottom:-17px;
    font-size:7px;
    font-weight:650;
    letter-spacing:1.5px;
    color:var(--muted)
}

.bf-audience{
    position:relative;
    overflow:hidden;
    border-block:1px solid var(--line);
    background:#eeeee5;
    padding:24px 0
}

.bf-motion-toggle{
    position:absolute;
    right:12px;
    top:4px;
    z-index:2;
    display:none;
    align-items:center;
    gap:6px;
    padding:3px 7px;
    border:0;
    border-radius:4px;
    background:#eeeee5;
    color:var(--ink);
    font-size:8px;
    cursor:pointer
}

.bf-enhanced .bf-motion-toggle{
    display:flex
}

.bf-audience:hover .bf-audience-track,.bf-audience:focus-within .bf-audience-track,.bf-motion-paused .bf-audience-track,.bf-motion-paused .bf-seal>svg:first-child{
    animation-play-state:paused
}

.bf-site .bf-footer-columns>div:not(:first-child)>a{
    min-height:30px;
    font-size:11px
}

.bf-site .bf-footer-bottom,.bf-site .bf-footer-bottom p{
    font-size:10px
}

@media(prefers-reduced-motion:reduce){
    .bf-enhanced .bf-motion-toggle{
        display:none
    }
}

@media(max-width:767px){
    .bf-site:not(.bf-enhanced) .bf-navigation{
        display:flex;
        position:static;
        box-shadow:none
    }
    .bf-site:not(.bf-enhanced) .bf-header-inner{
        height:auto;
        flex-wrap:wrap;
        padding-block:18px
    }
    .bf-site:not(.bf-enhanced) .bf-menu-toggle{
        display:none
    }
    .bf-site:not(.bf-enhanced) .bf-navigation{
        width:100%
    }
}

.bf-audience-track{
    display:flex;
    width:max-content;
    animation:bf-marquee 42s linear infinite
}

.bf-audience-group{
    display:flex;
    align-items:center;
    flex-shrink:0;
    gap:44px;
    padding-right:44px
}

.bf-audience-group span{
    font-family:Fraunces,Georgia,serif;
    font-size:25px;
    font-weight:450;
    letter-spacing:-.5px;
    white-space:nowrap
}

.bf-audience-group b{
    font-size:23px;
    color:var(--orange);
    font-weight:400
}

.bf-section{
    padding-block:110px
}

.bf-section-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:65px;
    margin-bottom:44px
}

.bf-site h2{
    font-family:Fraunces,Georgia,serif;
    font-size:clamp(34px,4vw,52px);
    font-weight:450;
    line-height:1.15;
    letter-spacing:-2.2px;
    margin:0
}

.bf-section-heading>.bf-kicker{
    margin-bottom:18px
}

.bf-section-heading>p{
    max-width:320px;
    margin:0 0 3px;
    font-size:12px;
    color:var(--muted);
    line-height:1.95
}

.bf-feature-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:18px
}

.bf-feature{
    position:relative;
    display:flex;
    flex-direction:column;
    padding:29px;
    border-radius:13px;
    overflow:hidden
}

.bf-feature-revenue{
    background:#e9eee4
}

.bf-feature-documents{
    background:var(--ink);
    color:var(--paper)
}

.bf-feature-costs{
    background:#f0e4d7
}

.bf-feature-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:28px
}

.bf-feature-top>span:last-child{
    font-size:9px;
    opacity:.5
}

.bf-feature-icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid #193d3325;
    border-radius:50%
}

.bf-feature-documents .bf-feature-icon{
    border-color:#ffffff30
}

.bf-site .bf-feature h3{
    font-size:20px;
    line-height:1.45;
    font-weight:650;
    letter-spacing:-.65px;
    margin:0 0 13px
}

.bf-feature>p{
    font-size:11px;
    line-height:1.9;
    margin-bottom:26px;
    opacity:.75
}

.bf-mini-chart{
    margin-top:auto;
    padding:21px 18px 12px;
    border-radius:8px;
    background:#fffdf7
}

.bf-chart-label{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
    font-size:9px
}

.bf-tiny-label{
    font-size:7px;
    opacity:.6
}

.bf-mini-chart>strong{
    display:block;
    font-size:27px;
    letter-spacing:-1.3px;
    margin:8px 0 16px;
    font-weight:650
}

.bf-mini-chart>strong>span{
    font-size:14px;
    letter-spacing:-.5px
}

.bf-chart-bars{
    display:flex;
    align-items:flex-end;
    gap:10px;
    height:94px;
    border-bottom:1px solid var(--line)
}

.bf-chart-bars i{
    display:block;
    flex:1;
    height:var(--bar);
    background:#dbe5d5;
    border-radius:5px 5px 0 0;
    transform-origin:bottom;
    transition:transform .7s
}

.bf-chart-bars i:nth-last-child(2){
    background:var(--orange)
}

.bf-chart-bars i:last-child{
    background:#406e55
}

.bf-chart-axis{
    display:flex;
    justify-content:space-around;
    margin-top:7px;
    font-size:7px;
    color:var(--muted)
}

.bf-paper{
    width:87%;
    margin:4px auto -55px;
    background:#faf8ef;
    color:var(--ink);
    padding:21px;
    border-radius:4px;
    transform:rotate(-6deg);
    box-shadow:0 8px 25px #00000025;
    min-height:225px
}

.bf-paper-brand{
    display:block;
    font-weight:800;
    font-size:13px;
    letter-spacing:-.8px;
    margin-bottom:22px
}

.bf-paper-brand>span{
    color:var(--orange)
}

.bf-paper>strong{
    font-family:Fraunces,Georgia,serif;
    font-size:22px
}

.bf-paper-rules{
    display:grid;
    gap:9px;
    margin-block:18px
}

.bf-paper-rules i{
    display:block;
    height:3px;
    background:#d8decf
}

.bf-paper-rules i:last-child{
    width:70%
}

.bf-paper-total{
    border-top:1px solid #d8decf;
    padding-top:12px;
    display:flex;
    justify-content:space-between;
    font-size:8px
}

.bf-paper-stamp{
    display:block;
    margin-top:20px;
    font-size:6px;
    letter-spacing:1px;
    color:#62856a
}

.bf-cost-list{
    display:grid;
    gap:10px;
    margin-top:auto
}

.bf-cost-list>div{
    display:flex;
    align-items:center;
    gap:10px;
    background:#faf7f0;
    border:1px solid #eee1d3;
    border-radius:7px;
    padding:13px 10px
}

.bf-cost-emoji{
    display:grid;
    place-items:center;
    flex:0 0 30px;
    height:30px;
    border-radius:7px;
    background:#f0e4d7;
    font-size:19px
}

.bf-cost-list>div>span:nth-child(2){
    font-size:9px;
    flex:1;
    font-weight:650
}

.bf-cost-list small{
    display:block;
    font-size:7px;
    color:var(--muted);
    font-weight:450;
    margin-top:3px
}

.bf-cost-list .bf-icon{
    width:14px;
    height:14px;
    flex-basis:14px;
    color:#53734f
}

.bf-overview{
    padding-block:88px 45px;
    background:var(--ink);
    color:var(--paper);
    position:relative;
    overflow:hidden
}

.bf-overview::before{
    content:"";
    position:absolute;
    right:-180px;
    top:-200px;
    width:600px;
    height:600px;
    border:1px solid #ffffff0b;
    border-radius:50%;
    box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02;
    pointer-events:none
}

.bf-overview .bf-section-heading{
    position:relative
}

.bf-kicker-light{
    color:#b5c7b4
}

.bf-overview em{
    color:var(--peach)
}

.bf-overview .bf-section-heading>p{
    color:#bbcbbb;
    max-width:300px
}

.bf-product-window{
    position:relative;
    background:#f4f5ef;
    border:1px solid #ffffff28;
    box-shadow:0 20px 60px #00000025;
    border-radius:12px;
    overflow:hidden;
    color:var(--ink)
}

.bf-window-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    background:#e8ece3;
    border-bottom:1px solid #dce1d7;
    padding:13px 19px;
    font-size:9px;
    color:#647566
}

.bf-window-dots{
    display:flex;
    gap:5px;
    min-width:60px
}

.bf-window-dots i{
    width:6px;
    height:6px;
    background:#b2bfb0;
    border-radius:50%
}

.bf-demo-badge{
    padding:4px 7px;
    background:#f5f6ef;
    border-radius:4px;
    font-size:7px
}

.bf-product-body{
    display:grid;
    grid-template-columns:190px 1fr
}

.bf-demo-sidebar{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:26px 16px;
    background:#f8f8f1;
    border-right:1px solid #e0e4d9;
    font-size:9px
}

.bf-demo-sidebar>span:not(.bf-demo-brand){
    padding:10px 12px
}

.bf-demo-sidebar .bf-demo-active{
    background:#e4ebdc;
    border-radius:6px;
    color:var(--ink);
    font-weight:750
}

.bf-demo-brand{
    display:block;
    font-size:22px;
    font-weight:800;
    letter-spacing:-1.3px;
    margin-bottom:22px;
    padding-left:10px
}

.bf-demo-brand>span{
    color:var(--orange)
}

.bf-demo-sidebar>small{
    margin-top:auto;
    padding:24px 10px 0;
    font-size:7px;
    color:var(--muted)
}

.bf-demo-main{
    padding:30px 32px 35px
}

.bf-demo-welcome{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:22px
}

.bf-demo-welcome small{
    font-size:7px;
    letter-spacing:1px;
    color:var(--muted)
}

.bf-site .bf-demo-welcome h3{
    font-family:Fraunces,Georgia,serif;
    font-size:30px;
    letter-spacing:-1px;
    font-weight:500;
    margin:4px 0
}

.bf-demo-welcome p{
    font-size:9px;
    color:var(--muted);
    margin:0
}

.bf-demo-avatar{
    display:grid;
    place-items:center;
    background:#e5d6c0;
    font-weight:750;
    font-size:9px;
    width:37px;
    height:37px;
    border-radius:50%
}

.bf-demo-kpis{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:12px;
    margin-bottom:23px
}

.bf-demo-kpis>div{
    padding:18px 16px;
    background:#fffdf7;
    border:1px solid #e0e4d7;
    border-radius:7px
}

.bf-demo-kpis>div>span{
    font-size:8px
}

.bf-demo-kpis strong{
    display:block;
    font-size:28px;
    letter-spacing:-1.2px;
    line-height:1.4;
    font-weight:600;
    margin:7px 0 9px
}

.bf-demo-kpis strong small{
    font-size:13px;
    letter-spacing:-.3px
}

.bf-demo-kpis p{
    margin:0;
    font-size:7px;
    opacity:.7
}

.bf-demo-kpis .bf-demo-income{
    background:#e1e9d8
}

.bf-demo-table{
    background:#fffdf7;
    border:1px solid #e0e4d7;
    border-radius:7px;
    overflow:hidden
}

.bf-demo-table-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px;
    font-size:10px
}

.bf-demo-table-head>span{
    font-size:7px;
    color:var(--muted)
}

.bf-demo-table>div:not(.bf-demo-table-head){
    display:grid;
    grid-template-columns:1.15fr 1.25fr .8fr .65fr;
    gap:10px;
    align-items:center;
    padding:13px 16px;
    border-top:1px solid #e7eade;
    font-size:8px
}

.bf-demo-table>div>span:first-child{
    display:flex;
    align-items:center;
    gap:8px
}

.bf-client-initial{
    display:grid;
    place-items:center;
    background:#ede6d8;
    border-radius:50%;
    height:24px;
    width:24px;
    font-size:7px
}

.bf-paid{
    padding:3px 7px;
    background:#e4ecdc;
    border-radius:4px;
    text-align:center;
    font-size:7px
}

.bf-overview-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    margin-top:24px;
    font-size:9px;
    color:#b9c8b5
}

.bf-overview-bottom .bf-text-link{
    color:var(--paper)
}

.bf-steps{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:45px;
    padding-top:15px
}

.bf-step{
    padding-top:22px;
    border-top:1px solid #cdd5c6
}

.bf-step-number{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-family:Fraunces,Georgia,serif;
    font-size:38px;
    color:var(--orange);
    line-height:1;
    margin-bottom:31px
}

.bf-step-number>span{
    color:var(--ink);
    font-size:24px
}

.bf-site .bf-step h3{
    font-size:17px;
    letter-spacing:-.5px;
    line-height:1.5;
    font-weight:700;
    margin:0 0 14px
}

.bf-step>p{
    font-size:11px;
    color:var(--muted);
    line-height:1.95;
    max-width:295px;
    margin:0
}

.bf-manifesto{
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#e9ede1;
    border-radius:16px;
    overflow:hidden
}

.bf-manifesto-image{
    overflow:hidden;
    min-height:550px
}

.bf-manifesto-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:25% center;
    display:block;
    filter:saturate(.85)
}

.bf-manifesto-copy{
    padding:62px 55px
}

.bf-manifesto-copy h2{
    font-size:45px
}

.bf-manifesto-copy>p:not(.bf-kicker){
    font-size:11px;
    line-height:1.95;
    color:var(--muted);
    margin-top:25px;
    margin-bottom:23px
}

.bf-faq-section{
    display:grid;
    grid-template-columns:1fr 1.15fr;
    gap:95px
}

.bf-faq-intro>p:not(.bf-kicker){
    font-size:12px;
    color:var(--muted);
    margin-top:24px;
    margin-bottom:20px
}

.bf-faq-list{
    border-top:1px solid #cdd5c6
}

.bf-faq-list details{
    border-bottom:1px solid #cdd5c6
}

.bf-faq-list summary{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:24px 0;
    cursor:pointer;
    font-size:12px;
    font-weight:650;
    list-style:none
}

.bf-faq-list summary::-webkit-details-marker{
    display:none
}

.bf-faq-toggle{
    font-size:22px;
    color:var(--orange);
    font-weight:400;
    transition:transform .2s
}

.bf-faq-list details[open] .bf-faq-toggle{
    transform:rotate(45deg)
}

.bf-faq-list details>p{
    font-size:11px;
    color:var(--muted);
    line-height:1.95;
    margin:0;
    padding:0 35px 24px 0
}

.bf-contact-section{
    background:#f0e8dd;
    padding-block:88px 95px;
    scroll-margin-top:100px
}

.bf-contact-layout{
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:90px;
    align-items:start
}

.bf-contact-copy{
    padding-top:32px
}

.bf-contact-copy>p:not(.bf-kicker){
    max-width:310px;
    color:var(--muted);
    font-size:12px;
    line-height:1.95;
    margin:25px 0
}

.bf-contact-signoff{
    display:flex;
    gap:15px;
    align-items:center;
    border-top:1px solid #d6d6c9;
    padding-top:22px;
    margin-top:35px;
    max-width:310px;
    font-size:10px;
    color:var(--muted);
    line-height:1.8
}

.bf-contact-signoff .bf-icon{
    width:35px;
    height:35px;
    flex-basis:35px;
    color:var(--orange)
}

.bf-contact-card{
    padding:32px;
    background:var(--paper);
    border:1px solid #e4e0d4;
    border-radius:12px
}

.bf-contact-form{
    width:100%
}

.bf-field-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:17px
}

.bf-field{
    display:flex;
    flex-direction:column;
    gap:7px;
    margin-bottom:19px
}

.bf-field label{
    font-size:10px;
    font-weight:750
}

.bf-field input,.bf-field select,.bf-field textarea{
    display:block;
    width:100%;
    min-height:46px;
    padding:12px 14px;
    background:#fffdf8;
    border:1px solid #dce0d3;
    border-radius:5px;
    color:var(--ink);
    font-size:11px;
    line-height:1.6;
    transition:border-color .2s,box-shadow .2s
}

.bf-field textarea{
    resize:vertical;
    min-height:125px
}

.bf-field input::placeholder,.bf-field textarea::placeholder{
    color:#899288
}

.bf-field input:focus,.bf-field select:focus,.bf-field textarea:focus{
    outline:2px solid var(--ink);
    outline-offset:1px;
    border-color:var(--ink)
}

.bf-field [aria-invalid=true]{
    border-color:#b63827
}

.bf-field-error,.bf-contact-form .field-error{
    color:#b63827;
    font-size:10px;
    margin:2px 0 0
}

.bf-privacy{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-bottom:20px;
    font-size:9px;
    line-height:1.8;
    color:var(--muted)
}

.bf-privacy input{
    width:15px;
    height:15px;
    flex:0 0 15px;
    accent-color:var(--ink);
    margin-top:2px
}

.bf-privacy a{
    text-decoration:underline;
    text-underline-offset:3px
}

.bf-contact-form>.bf-button{
    width:100%;
    justify-content:space-between;
    font-size:11px;
    min-height:49px
}

.bf-contact-form button[disabled]{
    opacity:.65;
    cursor:wait
}

.bf-footer{
    padding:65px 0 23px;
    background:#15352c;
    color:var(--paper)
}

.bf-footer-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    padding-bottom:48px;
    border-bottom:1px solid #d8e0cd25
}

.bf-footer-top h2{
    font-size:45px
}

.bf-footer-top .bf-kicker{
    font-size:8px;
    margin-bottom:18px
}

.bf-footer-top .bf-button{
    font-size:10px;
    gap:24px
}

.bf-footer-columns{
    display:grid;
    grid-template-columns:1.65fr 1fr 1fr 1fr;
    gap:35px;
    padding-block:48px
}

.bf-footer-about .bf-brand{
    font-size:25px
}

.bf-footer-about>p{
    font-size:10px;
    color:#a9bca9;
    margin-top:18px;
    line-height:1.9
}

.bf-footer-columns h3{
    font-family:Manrope,sans-serif;
    font-size:10px;
    letter-spacing:.2px;
    font-weight:650;
    color:#d2ddca;
    margin:0 0 17px
}

.bf-footer-columns>div:not(:first-child)>a{
    display:block;
    font-size:9px;
    color:#a9bca9;
    padding-block:5px;
    transition:color .2s
}

.bf-footer-columns>div>a:hover{
    color:var(--peach)
}

.bf-footer-bottom{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:22px;
    border-top:1px solid #d8e0cd25;
    padding-top:22px;
    font-size:8px;
    color:#a9bca9
}

.bf-footer-bottom p{
    max-width:400px;
    margin:0;
    font-size:8px;
    line-height:1.8
}

.bf-footer-bottom>a{
    white-space:nowrap
}

.bf-inner{
    padding-block:55px 90px;
    min-height:55vh
}

.bf-inner>h1{
    font-family:Fraunces,Georgia,serif;
    font-size:clamp(34px,4vw,52px);
    font-weight:500;
    letter-spacing:-1.5px
}

.bf-inner>breadcrumbs{
    font-size:10px;
    margin-bottom:15px
}

.bf-inner>.bf-contact-layout{
    margin-top:40px
}

.bf-inner .bf-contact-layout h2{
    font-size:40px;
    margin-block:22px
}

.bf-inner .bf-contact-layout p{
    font-size:13px;
    max-width:400px
}

.bf-inner .bf-contact-layout .bf-small{
    font-size:11px;
    color:var(--muted)
}

.bf-inner .content-card,.bf-inner .form-card{
    box-shadow:none;
    border-color:var(--line);
    background:#fffdf8
}

.bf-inner .form-field label{
    font-size:12px
}

.bf-inner .btn-primary{
    background:var(--ink);
    border-color:var(--ink)
}

.bf-inner .btn-ghost{
    color:var(--ink)
}

.bf-notices{
    padding-top:18px
}

.bf-feedback-content{
    background:var(--paper);
    color:var(--ink);
    border-radius:14px
}

.bf-feedback-content .modal-title{
    font-family:Manrope,sans-serif;
    font-weight:700;
    letter-spacing:0
}

.bf-feedback-content .modal-body p{
    font-size:14px;
    line-height:1.8;
    margin:0
}

.bf-site .modal.fade{
    display:none;
    z-index:1055;
    overflow:auto
}

.bf-site .modal.fade.show{
    display:block
}

.bf-site .modal.fade .modal-dialog{
    width:min(500px,calc(100% - 32px));
    margin:16px auto;
    min-height:calc(100% - 32px)
}

.bf-site .modal-backdrop.fade{
    position:fixed
}

.bf-section[id],.bf-faq-section[id]{
    scroll-margin-top:110px
}

@keyframes bf-photo-in{
    from{
        opacity:.5;
        transform:scale(1.06)
    }
    to{
        opacity:1;
        transform:scale(1)
    }
}

@keyframes bf-note-in{
    from{
        opacity:0;
        transform:translateY(18px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}

@keyframes bf-turn{
    to{
        transform:rotate(360deg)
    }
}

@keyframes bf-marquee{
    to{
        transform:translateX(-50%)
    }
}

.bf-motion .bf-reveal{
    opacity:0;
    transform:translateY(23px);
    transition:opacity .8s ease,transform .8s cubic-bezier(.2,.6,.3,1)
}

.bf-motion .bf-reveal.is-visible{
    opacity:1;
    transform:none
}

.bf-motion .bf-feature:nth-child(2){
    transition-delay:.1s
}

.bf-motion .bf-feature:nth-child(3){
    transition-delay:.2s
}

@media(min-width:1500px){
    .bf-container{
        width:min(1300px,calc(100% - 120px))
    }
    .bf-hero{
        gap:95px;
        padding-block:80px 100px
    }
    .bf-photo-wrap{
        height:590px
    }
    .bf-hero h1{
        font-size:108px
    }
    .bf-hero-description{
        font-size:15px;
        max-width:470px
    }
    .bf-hero-bottom{
        margin-top:65px
    }
}

@media(max-width:1199px){
    .bf-container{
        width:calc(100% - 64px)
    }
    .bf-navigation{
        gap:20px;
        font-size:11px
    }
    .bf-nav-actions{
        gap:18px;
        margin-left:0;
        padding-left:22px
    }
    .bf-header-inner{
        gap:25px;
        height:88px
    }
    .bf-brand{
        font-size:25px
    }
    .bf-hero{
        gap:50px;
        padding-top:45px
    }
    .bf-hero h1{
        font-size:78px;
        letter-spacing:-4.2px
    }
    .bf-photo-wrap{
        height:490px
    }
    .bf-floating-note{
        left:-28px;
        right:20px;
        padding:16px
    }
    .bf-note-line{
        font-size:8px
    }
    .bf-seal{
        right:-20px
    }
    .bf-hero-actions{
        gap:18px
    }
    .bf-hero-actions .bf-text-link{
        font-size:10px
    }
    .bf-section{
        padding-block:85px
    }
    .bf-feature{
        padding:23px
    }
    .bf-feature h3{
        font-size:18px
    }
    .bf-demo-kpis strong{
        font-size:24px
    }
    .bf-manifesto-copy{
        padding:45px 38px
    }
    .bf-manifesto-copy h2{
        font-size:39px
    }
    .bf-faq-section{
        gap:60px
    }
    .bf-contact-layout{
        gap:55px
    }
}

@media(max-width:959px){
    .bf-navigation{
        gap:17px
    }
    .bf-nav-actions{
        border:0;
        padding:0;
        margin-left:5px
    }
    .bf-navigation>a:nth-child(2){
        display:none
    }
    .bf-brand{
        font-size:23px
    }
    .bf-hero{
        gap:32px;
        padding-block:40px 65px
    }
    .bf-hero h1{
        font-size:65px;
        letter-spacing:-3.7px
    }
    .bf-hero-description{
        font-size:12px
    }
    .bf-hero-actions{
        flex-direction:column;
        align-items:flex-start;
        gap:12px
    }
    .bf-hero-bottom{
        margin-top:30px
    }
    .bf-photo-wrap{
        height:455px;
        border-radius:150px 150px 18px 18px
    }
    .bf-seal{
        width:92px;
        height:92px;
        right:-12px
    }
    .bf-floating-note{
        left:-15px;
        right:6px;
        gap:10px
    }
    .bf-note-icon{
        flex-basis:34px;
        height:38px
    }
    .bf-floating-note strong{
        font-size:12px
    }
    .bf-small{
        font-size:8px
    }
    .bf-note-line{
        font-size:7px
    }
    .bf-note-check{
        display:none
    }
    .bf-section-heading{
        gap:40px
    }
    .bf-section-heading>p{
        max-width:270px;
        font-size:11px
    }
    .bf-site h2{
        font-size:42px
    }
    .bf-feature-grid{
        gap:12px
    }
    .bf-feature{
        padding:19px
    }
    .bf-site .bf-feature h3{
        font-size:16px
    }
    .bf-feature>p{
        font-size:10px
    }
    .bf-cost-list>div{
        padding:11px 7px;
        gap:6px
    }
    .bf-cost-emoji{
        flex-basis:23px;
        width:23px;
        height:26px
    }
    .bf-cost-list>div>span:nth-child(2){
        font-size:8px
    }
    .bf-cost-list small{
        font-size:6px
    }
    .bf-paper{
        padding:15px;
        width:95%
    }
    .bf-chart-bars{
        gap:6px
    }
    .bf-mini-chart{
        padding:16px 12px 10px
    }
    .bf-product-body{
        grid-template-columns:155px 1fr
    }
    .bf-demo-main{
        padding:25px 23px
    }
    .bf-demo-kpis strong{
        font-size:21px
    }
    .bf-demo-kpis>div{
        padding:13px 10px
    }
    .bf-demo-kpis>div>span{
        font-size:7px
    }
    .bf-demo-table>div:not(.bf-demo-table-head){
        grid-template-columns:1fr 1.1fr .7fr
    }
    .bf-demo-table .bf-paid{
        display:none
    }
    .bf-steps{
        gap:30px
    }
    .bf-site .bf-step h3{
        font-size:15px
    }
    .bf-manifesto-image{
        min-height:480px
    }
    .bf-manifesto-copy{
        padding:40px 30px
    }
    .bf-manifesto-copy h2{
        font-size:35px
    }
    .bf-faq-section{
        gap:40px
    }
    .bf-contact-layout{
        gap:35px
    }
    .bf-contact-card{
        padding:25px
    }
    .bf-contact-copy h2{
        font-size:38px
    }
    .bf-footer-top h2{
        font-size:39px
    }
    .bf-footer-columns{
        gap:25px;
        grid-template-columns:1.4fr 1fr 1fr 1fr
    }
}

@media(max-width:767px){
    .bf-container{
        width:calc(100% - 40px)
    }
    .bf-header-inner{
        height:78px
    }
    .bf-brand{
        font-size:25px
    }
    .bf-brand img{
        width:37px;
        height:37px
    }
    .bf-menu-toggle{
        display:flex;
        width:44px;
        height:44px;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:6px;
        background:none;
        border:1px solid #bfcabc;
        border-radius:50%;
        padding:10px;
        cursor:pointer;
        z-index:102
    }
    .bf-menu-toggle span{
        width:19px;
        height:1.5px;
        background:var(--ink);
        transition:transform .2s
    }
    .bf-menu-toggle[aria-expanded=true] span:first-child{
        transform:translateY(3.75px) rotate(45deg)
    }
    .bf-menu-toggle[aria-expanded=true] span:last-child{
        transform:translateY(-3.75px) rotate(-45deg)
    }
    .bf-navigation{
        display:none;
        position:absolute;
        top:77px;
        left:0;
        right:0;
        background:var(--paper);
        padding:22px 25px 28px;
        border-bottom:1px solid var(--line);
        box-shadow:0 15px 20px #193d3310;
        flex-direction:column;
        align-items:stretch;
        gap:4px;
        font-size:15px
    }
    .bf-navigation.is-open{
        display:flex
    }
    .bf-navigation>a:nth-child(2){
        display:block
    }
    .bf-navigation>a{
        padding:12px 0
    }
    .bf-nav-actions{
        margin:13px 0 0;
        padding-top:18px;
        border-top:1px solid var(--line);
        justify-content:space-between
    }
    .bf-nav-actions .bf-button{
        font-size:12px
    }
    .bf-hero{
        grid-template-columns:1fr;
        gap:35px;
        padding-block:42px 58px
    }
    .bf-hero h1{
        font-size:clamp(65px,13vw,90px);
        letter-spacing:-3.5px;
        line-height:1.02;
        margin-bottom:24px
    }
    .bf-hero-copy>.bf-kicker{
        font-size:8px;
        letter-spacing:1.3px;
        margin-bottom:23px
    }
    .bf-hero-description{
        font-size:13px;
        max-width:450px;
        line-height:1.9;
        margin-bottom:25px
    }
    .bf-hero-actions{
        flex-direction:row;
        align-items:center;
        gap:20px
    }
    .bf-hero-actions .bf-text-link{
        font-size:10px
    }
    .bf-button{
        font-size:12px;
        padding:15px 19px;
        min-height:52px;
        gap:18px
    }
    .bf-hero-reassurance{
        font-size:9px
    }
    .bf-hero-bottom{
        display:none
    }
    .bf-hero-art{
        width:100%;
        max-width:540px;
        margin-inline:auto;
        padding-top:10px;
        padding-bottom:40px
    }
    .bf-photo-wrap{
        height:450px;
        border-radius:170px 170px 18px 18px
    }
    .bf-hero-photo{
        object-position:60% center
    }
    .bf-seal{
        right:0;
        top:0;
        width:100px;
        height:100px
    }
    .bf-floating-note{
        left:10px;
        right:10px;
        bottom:10px;
        padding:18px;
        gap:12px
    }
    .bf-note-icon{
        height:44px;
        flex-basis:44px
    }
    .bf-floating-note strong{
        font-size:14px
    }
    .bf-small{
        font-size:9px
    }
    .bf-note-line{
        font-size:9px
    }
    .bf-note-check{
        display:grid
    }
    .bf-art-caption{
        bottom:-11px;
        font-size:7px
    }
    .bf-photo-label{
        bottom:60px;
        left:20px;
        font-size:8px
    }
    .bf-audience{
        padding-block:19px
    }
    .bf-audience-group{
        gap:28px;
        padding-right:28px
    }
    .bf-audience-group span{
        font-size:22px
    }
    .bf-section{
        padding-block:66px
    }
    .bf-section-heading{
        flex-direction:column;
        align-items:flex-start;
        gap:24px;
        margin-bottom:30px
    }
    .bf-site h2{
        font-size:38px;
        letter-spacing:-1.6px
    }
    .bf-kicker{
        font-size:9px;
        margin-bottom:18px
    }
    .bf-section-heading>p{
        max-width:420px;
        font-size:12px
    }
    .bf-feature-grid{
        grid-template-columns:1fr;
        gap:16px
    }
    .bf-feature{
        padding:28px;
        min-height:400px
    }
    .bf-feature-top{
        margin-bottom:23px
    }
    .bf-site .bf-feature h3{
        font-size:23px
    }
    .bf-feature>p{
        font-size:12px;
        max-width:430px
    }
    .bf-mini-chart{
        padding:21px;
        max-width:420px;
        width:100%
    }
    .bf-chart-label{
        font-size:10px
    }
    .bf-tiny-label{
        font-size:8px
    }
    .bf-chart-bars{
        height:110px;
        gap:16px
    }
    .bf-chart-axis{
        font-size:8px
    }
    .bf-feature-documents{
        min-height:435px
    }
    .bf-paper{
        width:75%;
        max-width:300px;
        min-height:240px;
        margin-top:8px;
        margin-bottom:-60px;
        padding:24px
    }
    .bf-paper-brand{
        font-size:16px
    }
    .bf-paper>strong{
        font-size:28px
    }
    .bf-paper-total{
        font-size:11px
    }
    .bf-paper-stamp{
        font-size:8px
    }
    .bf-cost-list>div{
        padding:14px;
        gap:13px
    }
    .bf-cost-emoji{
        height:34px;
        flex-basis:34px
    }
    .bf-cost-list>div>span:nth-child(2){
        font-size:11px
    }
    .bf-cost-list small{
        font-size:9px
    }
    .bf-cost-list .bf-icon{
        width:19px;
        height:19px;
        flex-basis:19px
    }
    .bf-overview{
        padding-block:65px 28px
    }
    .bf-product-body{
        display:block
    }
    .bf-demo-sidebar{
        display:none
    }
    .bf-window-top{
        padding:10px;
        font-size:8px;
        gap:8px
    }
    .bf-window-dots{
        min-width:30px;
        gap:3px
    }
    .bf-window-dots i{
        height:5px;
        width:5px
    }
    .bf-demo-badge{
        font-size:6px;
        max-width:110px;
        text-align:right
    }
    .bf-demo-main{
        padding:20px 15px
    }
    .bf-demo-welcome{
        margin-bottom:18px
    }
    .bf-site .bf-demo-welcome h3{
        font-size:27px
    }
    .bf-demo-kpis{
        gap:7px
    }
    .bf-demo-kpis>div{
        padding:12px 9px
    }
    .bf-demo-kpis>div>span{
        font-size:6px;
        line-height:1.5;
        display:block;
        min-height:18px
    }
    .bf-demo-kpis strong{
        font-size:21px;
        white-space:nowrap;
        letter-spacing:-1px
    }
    .bf-demo-kpis strong small{
        font-size:8px;
        letter-spacing:-.3px
    }
    .bf-demo-kpis p{
        font-size:6px;
        line-height:1.6
    }
    .bf-demo-table-head{
        padding:12px;
        font-size:9px
    }
    .bf-demo-table-head>span{
        font-size:6px
    }
    .bf-demo-table>div:not(.bf-demo-table-head){
        padding:10px 12px;
        font-size:7px;
        grid-template-columns:1.1fr 1.2fr .65fr;
        gap:6px
    }
    .bf-client-initial{
        display:none
    }
    .bf-overview-bottom{
        font-size:8px;
        gap:15px;
        align-items:flex-start
    }
    .bf-overview-bottom .bf-text-link{
        font-size:9px
    }
    .bf-steps{
        grid-template-columns:1fr;
        gap:30px
    }
    .bf-step{
        padding-top:18px
    }
    .bf-step-number{
        font-size:36px;
        margin-bottom:18px
    }
    .bf-site .bf-step h3{
        font-size:19px
    }
    .bf-step>p{
        font-size:12px;
        max-width:470px
    }
    .bf-manifesto{
        grid-template-columns:1fr
    }
    .bf-manifesto-image{
        height:320px;
        min-height:0
    }
    .bf-manifesto-image img{
        object-position:30% 60%
    }
    .bf-manifesto-copy{
        padding:35px 28px 40px
    }
    .bf-manifesto-copy h2{
        font-size:39px
    }
    .bf-manifesto-copy>p:not(.bf-kicker){
        font-size:12px
    }
    .bf-faq-section{
        grid-template-columns:1fr;
        gap:30px
    }
    .bf-faq-intro>p{
        font-size:12px
    }
    .bf-faq-list summary{
        font-size:12px;
        padding-block:21px
    }
    .bf-faq-list details>p{
        font-size:12px;
        padding-right:15px
    }
    .bf-contact-section{
        padding-block:55px 65px
    }
    .bf-contact-layout{
        grid-template-columns:1fr;
        gap:30px
    }
    .bf-contact-copy{
        padding:0
    }
    .bf-contact-copy>p:not(.bf-kicker){
        font-size:12px;
        max-width:450px
    }
    .bf-contact-signoff{
        margin-top:25px;
        font-size:11px;
        max-width:100%
    }
    .bf-contact-card{
        padding:25px
    }
    .bf-field label{
        font-size:11px
    }
    .bf-field input,.bf-field textarea,.bf-field select{
        font-size:16px;
        min-height:49px
    }
    .bf-privacy{
        font-size:10px
    }
    .bf-contact-form>.bf-button{
        font-size:12px
    }
    .bf-footer{
        padding-top:48px
    }
    .bf-footer-top{
        flex-direction:column;
        align-items:flex-start;
        gap:26px;
        padding-bottom:37px
    }
    .bf-footer-top h2{
        font-size:39px
    }
    .bf-footer-top .bf-button{
        font-size:11px
    }
    .bf-footer-columns{
        grid-template-columns:1fr 1fr;
        gap:30px;
        padding-block:35px
    }
    .bf-footer-about{
        grid-column:1/-1
    }
    .bf-footer-about>p{
        font-size:11px
    }
    .bf-footer-columns h3{
        font-size:11px;
        margin-bottom:12px
    }
    .bf-footer-columns>div:not(:first-child)>a{
        font-size:11px;
        padding-block:6px
    }
    .bf-footer-bottom{
        flex-wrap:wrap;
        font-size:9px;
        gap:13px;
        padding-top:22px
    }
    .bf-footer-bottom p{
        font-size:9px;
        order:3;
        width:100%;
        max-width:100%
    }
    .bf-inner{
        padding-block:35px 55px
    }
    .bf-inner .bf-contact-layout h2{
        font-size:35px
    }
    .bf-inner .two-column{
        grid-template-columns:1fr
    }
    .bf-inner .cards-grid{
        grid-template-columns:1fr
    }
    .bf-section[id],.bf-faq-section[id],.bf-contact-section{
        scroll-margin-top:90px
    }
}

@media(max-width:380px){
    .bf-container{
        width:calc(100% - 32px)
    }
    .bf-hero h1{
        font-size:62px;
        letter-spacing:-3px
    }
    .bf-hero-actions{
        gap:15px
    }
    .bf-hero-actions .bf-text-link{
        font-size:9px
    }
    .bf-photo-wrap{
        height:390px
    }
    .bf-note-line{
        font-size:8px
    }
    .bf-note-icon{
        flex-basis:34px;
        height:38px
    }
    .bf-floating-note{
        padding:14px;
        gap:9px
    }
    .bf-floating-note strong{
        font-size:12px
    }
    .bf-field-row{
        grid-template-columns:1fr;
        gap:0
    }
    .bf-contact-card{
        padding:20px
    }
    .bf-demo-kpis strong{
        font-size:18px
    }
    .bf-demo-kpis strong small{
        font-size:7px
    }
    .bf-demo-main{
        padding:18px 11px
    }
    .bf-site h2{
        font-size:34px
    }
    .bf-demo-table>div:not(.bf-demo-table-head){
        grid-template-columns:1fr .9fr .7fr;
        font-size:6px
    }
}

@media(prefers-reduced-motion:reduce){
    .bf-site *,.bf-site *::before,.bf-site *::after{
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important
    }
    .bf-motion .bf-reveal{
        opacity:1;
        transform:none
    }
}