:root{
    --wpp-color-primary:#28543a;
    --wpp-color-primary-hover:#1f442f;
    --wpp-color-text:#1f2933;
    --wpp-color-muted:#667085;
    --wpp-color-surface:#ffffff;
    --wpp-color-surface-soft:#f7f8f7;
    --wpp-color-border:#d9dfda;
    --wpp-color-success:#247a45;
    --wpp-color-danger:#b42318;
    --wpp-color-warning:#9a6700;

    --wpp-font-sans:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    --wpp-font-size-sm:.875rem;
    --wpp-font-size-md:1rem;
    --wpp-font-body:var(--wpp-font-sans);
    --wpp-font-heading:var(--wpp-font-sans);
    --wpp-font-weight-body:400;
    --wpp-line-height-base:1.6;
    --wpp-paragraph-spacing:16px;
    --wpp-heading-weight:700;
    --wpp-heading-line-height:1.15;
    --wpp-heading-letter-spacing:0px;
    --wpp-h1-size:48px;
    --wpp-h2-size:36px;
    --wpp-h3-size:27px;
    --wpp-h4-size:22px;
    --wpp-h5-size:18px;
    --wpp-h6-size:16px;
    --wpp-h1-size-tablet:42px;
    --wpp-h2-size-tablet:32px;
    --wpp-h3-size-tablet:25px;
    --wpp-h4-size-tablet:21px;
    --wpp-h5-size-tablet:18px;
    --wpp-h6-size-tablet:16px;
    --wpp-h1-size-mobile:36px;
    --wpp-h2-size-mobile:29px;
    --wpp-h3-size-mobile:23px;
    --wpp-h4-size-mobile:20px;
    --wpp-h5-size-mobile:18px;
    --wpp-h6-size-mobile:16px;
    --wpp-font-size-lead:20px;
    --wpp-font-size-sm:14px;
    --wpp-font-size-lg:1.25rem;
    --wpp-font-size-xl:1.75rem;

    --wpp-space-1:.25rem;
    --wpp-space-2:.5rem;
    --wpp-space-3:.75rem;
    --wpp-space-4:1rem;
    --wpp-space-5:1.5rem;
    --wpp-space-6:2rem;
    --wpp-space-7:3rem;

    --wpp-radius-sm:4px;
    --wpp-radius-md:8px;
    --wpp-radius-lg:14px;
    --wpp-button-radius:4px;

    --wpp-shadow-sm:0 1px 2px rgba(16,24,40,.06);
    --wpp-shadow-md:0 8px 24px rgba(16,24,40,.08);

    --wpp-container-sm:760px;
    --wpp-container-md:1120px;
    --wpp-container-lg:1320px;

    --wpp-section-space:48px;
    --wpp-section-space-tablet:40px;
    --wpp-section-space-mobile:32px;
    --wpp-content-gap:16px;

    --wpp-button-height:44px;
    --wpp-button-padding-x:18px;
    --wpp-button-font-size:16px;
    --wpp-button-font-weight:600;
    --wpp-button-border-width:1px;
    --wpp-input-height:46px;
    --wpp-input-padding-x:14px;
    --wpp-input-border-width:1px;
    --wpp-card-padding:24px;
}


.wpp-section,
.wpp-form,
.wpp-card-ui,
.wpp-alert,
.wpp-tabs,
.wpp-accordion{
    font-family:var(--wpp-font-body,var(--wpp-font-sans));
    font-size:var(--wpp-font-size-md);
    font-weight:var(--wpp-font-weight-body,400);
    line-height:var(--wpp-line-height-base);
    color:var(--wpp-color-text);
}
.wpp-section h1,
.wpp-section h2,
.wpp-section h3,
.wpp-section h4,
.wpp-section h5,
.wpp-section h6,
.wpp-card-ui h1,
.wpp-card-ui h2,
.wpp-card-ui h3,
.wpp-card-ui h4,
.wpp-card-ui h5,
.wpp-card-ui h6{
    font-family:var(--wpp-font-heading,var(--wpp-font-sans));
    font-weight:var(--wpp-heading-weight);
    line-height:var(--wpp-heading-line-height,1.15);
    letter-spacing:var(--wpp-heading-letter-spacing,0);
}

.wpp-section h1,
.wpp-card-ui h1{font-size:var(--wpp-h1-size,48px)}
.wpp-section h2,
.wpp-card-ui h2{font-size:var(--wpp-h2-size,36px)}
.wpp-section h3,
.wpp-card-ui h3{font-size:var(--wpp-h3-size,27px)}
.wpp-section h4,
.wpp-card-ui h4{font-size:var(--wpp-h4-size,22px)}
.wpp-section h5,
.wpp-card-ui h5{font-size:var(--wpp-h5-size,18px)}
.wpp-section h6,
.wpp-card-ui h6{font-size:var(--wpp-h6-size,16px)}
.wpp-lead{font-size:var(--wpp-font-size-lead,20px);line-height:1.55}
.wpp-small{font-size:var(--wpp-font-size-sm,14px)}
.wpp-section p,
.wpp-card-ui p,
.wpp-form p{margin-block-end:var(--wpp-paragraph-spacing,16px)}

.wpp-container{
    width:min(100% - 32px,var(--wpp-container-md));
    margin-inline:auto;
}
.wpp-container--sm{max-width:var(--wpp-container-sm)}
.wpp-container--lg{max-width:var(--wpp-container-lg)}

.wpp-section{
    padding-block:var(--wpp-section-space,var(--wpp-space-7));
}
.wpp-section--compact{
    padding-block:var(--wpp-space-5);
}
.wpp-stack{
    display:flex;
    flex-direction:column;
    gap:var(--wpp-content-gap,var(--wpp-space-4));
}
.wpp-cluster{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:var(--wpp-space-3);
}
.wpp-grid-ui{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:var(--wpp-space-4);
}

.wpp-btn{
    appearance:none;
    min-height:var(--wpp-button-height,44px);
    border:var(--wpp-button-border-width,1px) solid transparent;
    border-radius:var(--wpp-button-radius,var(--wpp-radius-sm));
    padding:.5rem var(--wpp-button-padding-x,18px);
    font:var(--wpp-button-font-weight,600) var(--wpp-button-font-size,16px)/1.2 var(--wpp-font-body,var(--wpp-font-sans));
    cursor:pointer;
    transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.45rem;
}
.wpp-btn:hover{transform:translateY(-1px)}
.wpp-btn--primary{background:var(--wpp-color-primary);color:#fff}
.wpp-btn--primary:hover{background:var(--wpp-color-primary-hover);color:#fff}
.wpp-btn--secondary{background:#fff;border-color:var(--wpp-color-border);color:var(--wpp-color-text)}
.wpp-btn--ghost{background:transparent;color:var(--wpp-color-primary)}
.wpp-btn--danger{background:var(--wpp-color-danger);color:#fff}

.wpp-field{
    display:flex;
    flex-direction:column;
    gap:var(--wpp-space-2);
}
.wpp-label{
    font:600 var(--wpp-font-size-md)/1.35 var(--wpp-font-sans);
    color:var(--wpp-color-text);
}
.wpp-input,
.wpp-textarea,
.wpp-select{
    width:100%;
    box-sizing:border-box;
    min-height:var(--wpp-input-height,46px);
    border:var(--wpp-input-border-width,1px) solid var(--wpp-color-border);
    border-radius:var(--wpp-radius-sm);
    background:#fff;
    color:var(--wpp-color-text);
    padding:.65rem var(--wpp-input-padding-x,14px);
    font:400 var(--wpp-font-size-md)/1.45 var(--wpp-font-sans);
    box-shadow:var(--wpp-shadow-sm);
}
.wpp-input:focus,
.wpp-textarea:focus,
.wpp-select:focus{
    outline:2px solid color-mix(in srgb,var(--wpp-color-primary) 20%, transparent);
    outline-offset:1px;
    border-color:var(--wpp-color-primary);
}
.wpp-textarea{
    min-height:130px;
    resize:vertical;
}
.wpp-help{
    color:var(--wpp-color-muted);
    font-size:var(--wpp-font-size-sm);
}
.wpp-required{
    color:var(--wpp-color-danger);
}

.wpp-consent{
    display:flex;
    justify-content:center;
    margin:var(--wpp-space-6) auto var(--wpp-space-5);
}
.wpp-consent__label{
    max-width:620px;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:14px;
    text-align:center;
    cursor:pointer;
    line-height:1.6;
    color:var(--wpp-color-text);
}
.wpp-checkbox-input{
    margin-top:4px;
    flex-shrink:0;
}
.wpp-consent__label>span{
    display:block;
}

.wpp-radio-group{
    display:grid;
    gap:var(--wpp-space-2);
}
.wpp-radio{
    display:flex;
    align-items:flex-start;
    gap:var(--wpp-space-2);
}

.wpp-alert{
    padding:var(--wpp-space-3) var(--wpp-space-4);
    border:1px solid var(--wpp-color-border);
    border-radius:var(--wpp-radius-md);
    background:var(--wpp-color-surface-soft);
}
.wpp-alert--success{background:#edf8f1;border-color:#b7dec5;color:#1f6d3e}
.wpp-alert--danger{background:#fef0ef;border-color:#f1b8b3;color:#9b251c}
.wpp-alert--warning{background:#fff8e6;border-color:#ead59a;color:#7b5900}

.wpp-card-ui{
    background:var(--wpp-color-surface);
    border:1px solid var(--wpp-color-border);
    border-radius:var(--wpp-radius-md);
    padding:var(--wpp-card-padding,var(--wpp-space-5));
    box-shadow:var(--wpp-shadow-sm);
}

.wpp-tabs__list{
    display:flex;
    gap:var(--wpp-space-2);
    border-bottom:1px solid var(--wpp-color-border);
    margin-bottom:var(--wpp-space-4);
}
.wpp-tabs__tab{
    appearance:none;
    border:0;
    background:transparent;
    padding:.7rem .85rem;
    cursor:pointer;
    color:var(--wpp-color-muted);
    border-bottom:2px solid transparent;
}
.wpp-tabs__tab.is-active{
    color:var(--wpp-color-primary);
    border-bottom-color:var(--wpp-color-primary);
}
.wpp-tabs__panel[hidden]{display:none!important}

.wpp-accordion{
    border:1px solid var(--wpp-color-border);
    border-radius:var(--wpp-radius-md);
    overflow:hidden;
}
.wpp-accordion__trigger{
    width:100%;
    text-align:left;
    background:#fff;
    border:0;
    padding:var(--wpp-space-4);
    font-weight:600;
    cursor:pointer;
}
.wpp-accordion__panel{
    padding:0 var(--wpp-space-4) var(--wpp-space-4);
}
.wpp-accordion__panel[hidden]{display:none!important}

@media(max-width:1024px){
    .wpp-section{padding-block:var(--wpp-section-space-tablet,40px)}
    .wpp-section h1,.wpp-card-ui h1{font-size:var(--wpp-h1-size-tablet,42px)}
    .wpp-section h2,.wpp-card-ui h2{font-size:var(--wpp-h2-size-tablet,32px)}
    .wpp-section h3,.wpp-card-ui h3{font-size:var(--wpp-h3-size-tablet,25px)}
    .wpp-section h4,.wpp-card-ui h4{font-size:var(--wpp-h4-size-tablet,21px)}
    .wpp-section h5,.wpp-card-ui h5{font-size:var(--wpp-h5-size-tablet,18px)}
    .wpp-section h6,.wpp-card-ui h6{font-size:var(--wpp-h6-size-tablet,16px)}
}

@media(max-width:700px){
    .wpp-section{
        padding-block:var(--wpp-section-space-mobile,32px);
    }
    .wpp-section h1,.wpp-card-ui h1{font-size:var(--wpp-h1-size-mobile,36px)}
    .wpp-section h2,.wpp-card-ui h2{font-size:var(--wpp-h2-size-mobile,29px)}
    .wpp-section h3,.wpp-card-ui h3{font-size:var(--wpp-h3-size-mobile,23px)}
    .wpp-section h4,.wpp-card-ui h4{font-size:var(--wpp-h4-size-mobile,20px)}
    .wpp-section h5,.wpp-card-ui h5{font-size:var(--wpp-h5-size-mobile,18px)}
    .wpp-section h6,.wpp-card-ui h6{font-size:var(--wpp-h6-size-mobile,16px)}
    .wpp-container{
        width:min(100% - 20px,var(--wpp-container-md));
    }
    .wpp-consent__label{
        max-width:100%;
        text-align:left;
    }
}