.small-page{
    --green:#00C152;
    --green-dark:#007A49;
    --ink:#17324a;
    --text:#61766b;
    --soft:#f5faf7;
    --sand:#f8f5ef;
    --line:#dfe8e3;
    background:#fff;
    color:var(--ink)
}

.small-page .home-container{
    max-width:1180px
}

.small-hero{
    padding:2rem 0 5rem;
    background:
        radial-gradient(circle at 10% 10%,rgba(0,193,82,.08),transparent 32%),
        linear-gradient(180deg,#f7fbf8 0%,#fff 100%)
}

.small-breadcrumb{
    display:flex;
    align-items:center;
    gap:.5rem;
    color:#7f9187;
    font-size:.86rem
}

.small-breadcrumb a{
    color:#446352;
    text-decoration:none;
    font-weight:850
}

.small-hero-layout{
    display:grid;
    grid-template-columns:1fr .85fr;
    gap:5rem;
    align-items:center;
    min-height:610px;
    padding-top:3rem
}

.small-overline,
.small-reality-copy>span,
.small-inventory-copy>span,
.small-method-head>span,
.small-cases-head>span,
.small-tools-copy>span,
.small-final-copy>span,
.small-faq-head>span{
    display:block;
    color:var(--green-dark);
    font-size:.76rem;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.13em
}

.small-hero-copy h1{
    max-width:760px;
    margin:.7rem 0 1.1rem;
    color:#142c22;
    font-size:clamp(3.2rem,6vw,6.4rem);
    line-height:.91;
    font-weight:950;
    letter-spacing:-.065em
}

.small-hero-copy>p{
    max-width:680px;
    margin:0;
    color:#62776c;
    font-size:1.1rem;
    line-height:1.72
}

.small-hero-actions{
    display:flex;
    align-items:center;
    gap:1rem;
    margin-top:2rem
}

.small-text-link{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    color:#355e48;
    text-decoration:none;
    font-weight:900
}

.small-hero-photo{
    position:relative;
    height:520px;
    overflow:hidden;
    border-radius:45% 45% 1.6rem 1.6rem;
    box-shadow:0 30px 70px rgba(19,52,35,.12)
}

.small-hero-photo img{
    width:100%;
    height:100%;
    object-fit:cover
}

.small-photo-tag{
    position:absolute;
    left:1rem;
    right:1rem;
    bottom:1rem;
    padding:1rem 1.1rem;
    border-radius:1rem;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(10px)
}

.small-photo-tag span,
.small-photo-tag strong{
    display:block
}

.small-photo-tag span{
    color:var(--green);
    font-size:.7rem;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.09em
}

.small-photo-tag strong{
    margin-top:.15rem
}

.small-quote-zone{
    position:relative;
    z-index:3;
    margin-top:-2.1rem
}

.small-quote{
    display:grid;
    grid-template-columns:1.2fr 1fr 1fr 1fr .8fr auto;
    gap:.75rem;
    align-items:end;
    padding:1rem;
    border:1px solid var(--line);
    border-radius:1.2rem;
    background:#fff;
    box-shadow:0 20px 50px rgba(20,53,36,.09)
}

.small-quote-head{
    align-self:center;
    padding:.2rem .4rem
}

.small-quote-head span,
.small-quote-head strong{
    display:block
}

.small-quote-head span{
    color:var(--green);
    font-size:.7rem;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.09em
}

.small-quote-head strong{
    margin-top:.15rem;
    line-height:1.2
}

.small-quote-field label{
    display:block;
    margin-bottom:.35rem;
    color:#7b8e83;
    font-size:.71rem;
    font-weight:850
}

.small-quote-field .form-control,
.small-quote-field .form-select{
    min-height:46px;
    border-color:#d9e5de
}

.small-quote-submit{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    padding:0 1rem;
    border:0;
    border-radius:.65rem;
    background:var(--green);
    color:#fff;
    font-weight:950
}

.small-reality{
    padding:8rem 0
}

.small-reality-layout{
    display:grid;
    grid-template-columns:1fr 4fr;
    gap:3rem
}

.small-reality-index{
    color:#e0eae4;
    font-size:clamp(4rem,9vw,10rem);
    line-height:.8;
    font-weight:950
}

.small-reality-copy{
    max-width:900px
}

.small-reality-copy h2,
.small-inventory-copy h2,
.small-method-head h2,
.small-cases-head h2,
.small-tools-copy h2,
.small-final-copy h2,
.small-faq-head h2{
    margin:.65rem 0 0;
    color:#142c22;
    font-size:clamp(2.55rem,4.5vw,4.8rem);
    line-height:.98;
    font-weight:950;
    letter-spacing:-.055em
}

.small-reality-copy>p{
    max-width:700px;
    margin:1rem 0 0;
    color:#697d72;
    font-size:1.07rem;
    line-height:1.72
}

.small-reality-lines{
    margin-top:2rem;
    border-top:1px solid var(--line)
}

.small-reality-lines>div{
    display:grid;
    grid-template-columns:11rem 1fr;
    gap:1rem;
    padding:1rem 0;
    border-bottom:1px solid var(--line)
}

.small-reality-lines strong{
    color:#17324a
}

.small-reality-lines span{
    color:#74877c
}

.small-inventory{
    padding:8rem 0;
    background:#f3f8f5
}

.small-inventory-layout{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:5rem;
    align-items:start
}

.small-inventory-copy{
    position:sticky;
    top:120px
}

.small-inventory-copy>p{
    max-width:520px;
    margin:1rem 0 0;
    color:#6d8176;
    line-height:1.7
}

.small-load-meter{
    margin-top:2rem;
    padding:1rem;
    border:1px solid #d4e4db;
    border-radius:1rem;
    background:#fff
}

.small-load-meter>div:first-child{
    display:flex;
    justify-content:space-between;
    gap:1rem
}

.small-load-meter span{
    color:#6d8176;
    font-size:.8rem
}

.small-load-meter strong{
    color:var(--green-dark)
}

.small-load-track{
    height:8px;
    margin-top:.65rem;
    overflow:hidden;
    border-radius:999px;
    background:#e2ece6
}

.small-load-track>span{
    display:block;
    width:12%;
    height:100%;
    border-radius:inherit;
    background:var(--green);
    transition:width .3s ease
}

.small-load-meter>p{
    margin:.65rem 0 0;
    color:#84968c;
    font-size:.79rem;
    line-height:1.5
}

.small-inventory-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.75rem
}

.small-inventory-grid label{
    position:relative;
    cursor:pointer
}

.small-inventory-grid input{
    position:absolute;
    opacity:0
}

.small-inventory-grid label>span{
    min-height:155px;
    display:flex;
    flex-direction:column;
    padding:1rem;
    border:1px solid #d9e5de;
    border-radius:1rem;
    background:#fff;
    transition:.18s ease
}

.small-inventory-grid label i{
    color:var(--green-dark);
    font-size:1.35rem
}

.small-inventory-grid strong{
    margin-top:auto;
    color:#17324a
}

.small-inventory-grid small{
    margin-top:.18rem;
    color:#84958b
}

.small-inventory-grid input:checked+span{
    border-color:#8ec9a7;
    background:#effaf3;
    box-shadow:inset 0 0 0 1px #8ec9a7
}

.small-photo-break{
    padding:8rem 0 0;
    background:#fff
}

.small-wide-photo{
    position:relative;
    height:580px;
    margin:0;
    overflow:hidden;
    border-radius:1.6rem
}

.small-wide-photo img{
    width:100%;
    height:100%;
    object-fit:cover
}

.small-wide-photo figcaption{
    position:absolute;
    left:1.1rem;
    bottom:1.1rem;
    max-width:480px;
    padding:1rem 1.1rem;
    border-radius:1rem;
    background:rgba(255,255,255,.93);
    backdrop-filter:blur(10px)
}

.small-wide-photo span,
.small-wide-photo strong{
    display:block
}

.small-wide-photo span{
    color:var(--green);
    font-size:.7rem;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.09em
}

.small-wide-photo strong{
    margin-top:.2rem;
    line-height:1.4
}

.small-method{
    padding:8rem 0
}

.small-method-head{
    max-width:800px
}

.small-method-list{
    margin-top:3rem;
    border-top:1px solid var(--line)
}

.small-method-row{
    display:grid;
    grid-template-columns:4rem 1fr 4rem;
    gap:1rem;
    align-items:center;
    padding:1.4rem 0;
    border-bottom:1px solid var(--line)
}

.small-method-row>span{
    color:#96a79e;
    font-size:.75rem;
    font-weight:950
}

.small-method-row strong{
    color:#17324a;
    font-size:1.2rem
}

.small-method-row p{
    margin:.25rem 0 0;
    color:#71847a
}

.small-method-row>i{
    display:grid;
    place-items:center;
    width:3.5rem;
    height:3.5rem;
    border-radius:50%;
    background:#edf7f1;
    color:var(--green-dark);
    font-size:1.25rem
}

.small-cases{
    padding:8rem 0;
    background:#faf8f3
}

.small-cases-head{
    max-width:820px
}

.small-cases-head>p{
    margin:1rem 0 0;
    color:#72847a
}

.small-case-layout{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1rem;
    margin-top:3rem
}

.small-case-layout article{
    min-height:340px;
    display:flex;
    flex-direction:column;
    padding:1.4rem;
    border:1px solid #e1e3dd;
    border-radius:1.2rem;
    background:#fff
}

.small-case-label{
    width:max-content;
    padding:.3rem .65rem;
    border-radius:999px;
    background:#edf7f1;
    color:var(--green-dark);
    font-size:.73rem;
    font-weight:950
}

.small-case-layout h3{
    margin:2rem 0 0;
    color:#17324a;
    font-size:1.55rem;
    font-weight:950
}

.small-case-layout p{
    margin:.8rem 0 0;
    color:#71847a;
    line-height:1.68
}

.small-case-layout footer{
    margin-top:auto;
    padding-top:2rem;
    color:#557063;
    font-size:.82rem;
    font-weight:850
}

.small-case-layout footer i{
    margin-right:.35rem;
    color:var(--green)
}

.small-tools{
    padding:8rem 0
}

.small-tools-layout{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:5rem;
    align-items:center
}

.small-tools-copy>p{
    margin:1rem 0 0;
    color:#71847a
}

.small-tools-nav{
    border-top:1px solid var(--line)
}

.small-tools-nav a{
    display:grid;
    grid-template-columns:3.2rem 1fr auto;
    gap:.8rem;
    align-items:center;
    padding:1rem 0;
    border-bottom:1px solid var(--line);
    color:#17324a;
    text-decoration:none
}

.small-tools-nav a>i:first-child{
    display:grid;
    place-items:center;
    width:3rem;
    height:3rem;
    border-radius:.85rem;
    background:#edf7f1;
    color:var(--green-dark)
}

.small-tools-nav small,
.small-tools-nav strong{
    display:block
}

.small-tools-nav small{
    color:#8b9d93;
    font-size:.7rem
}

.small-tools-nav strong{
    margin-top:.12rem
}

.small-tools-nav a>i:last-child{
    color:#91a39a
}

.small-final{
    padding:7rem 0;
    background:#eef7f2
}

.small-final-layout{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    overflow:hidden;
    border-radius:1.5rem;
    background:#fff;
    box-shadow:0 24px 60px rgba(20,53,36,.08)
}

.small-final-photo{
    min-height:430px
}

.small-final-photo img{
    width:100%;
    height:100%;
    object-fit:cover
}

.small-final-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:3rem
}

.small-final-copy p{
    max-width:620px;
    margin:1rem 0 1.5rem;
    color:#6c8075;
    line-height:1.68
}

.small-faq{
    padding:8rem 0
}

.small-faq-head{
    max-width:800px;
    margin:0 auto 3rem;
    text-align:center
}

.small-faq-list{
    max-width:920px
}

.small-faq-list .accordion-button{
    font-weight:850;
    color:#17324a
}

.small-faq-list .accordion-button:not(.collapsed){
    color:var(--green-dark);
    background:#effaf3;
    box-shadow:none
}

.small-faq-list .accordion-button:focus{
    box-shadow:none
}

[data-reveal]{
    opacity:0;
    transform:translateY(24px);
    transition:opacity .65s ease,transform .65s ease
}

[data-reveal].is-visible{
    opacity:1;
    transform:none
}

@media(prefers-reduced-motion:reduce){
    [data-reveal]{
        opacity:1;
        transform:none;
        transition:none
    }
}

@media(max-width:1199.98px){
    .small-hero-layout{
        gap:3rem
    }

    .small-quote{
        grid-template-columns:1fr 1fr 1fr
    }

    .small-quote-head{
        grid-column:1/-1
    }

    .small-quote-submit{
        min-height:46px
    }
}

@media(max-width:991.98px){
    .small-hero-layout,
    .small-inventory-layout,
    .small-tools-layout,
    .small-final-layout{
        grid-template-columns:1fr;
        gap:3rem
    }

    .small-hero-photo{
        height:460px;
        border-radius:1.5rem
    }

    .small-reality-layout{
        grid-template-columns:1fr
    }

    .small-reality-index{
        font-size:5rem
    }

    .small-inventory-copy{
        position:static
    }

    .small-wide-photo{
        height:470px
    }

    .small-case-layout{
        grid-template-columns:1fr
    }

    .small-final-photo{
        min-height:360px
    }
}

@media(max-width:767.98px){
    .small-hero{
        padding-bottom:4rem
    }

    .small-hero-layout{
        min-height:0;
        padding-top:4rem
    }

    .small-hero-copy h1{
        font-size:3.4rem
    }

    .small-hero-actions{
        align-items:flex-start;
        flex-direction:column
    }

    .small-quote{
        grid-template-columns:1fr
    }

    .small-reality,
    .small-inventory,
    .small-photo-break,
    .small-method,
    .small-cases,
    .small-tools,
    .small-final,
    .small-faq{
        padding-top:5.5rem;
        padding-bottom:5.5rem
    }

    .small-inventory-grid{
        grid-template-columns:1fr
    }

    .small-wide-photo{
        height:400px
    }

    .small-final-copy{
        padding:2rem
    }
}

@media(max-width:575.98px){
    .small-hero-copy h1{
        font-size:2.8rem
    }

    .small-hero-photo{
        height:370px
    }

    .small-reality-lines>div{
        grid-template-columns:1fr
    }

    .small-wide-photo{
        height:340px
    }

    .small-method-row{
        grid-template-columns:2.5rem 1fr
    }

    .small-method-row>i{
        display:none
    }

    .small-final-photo{
        min-height:300px
    }
}