.content-page-main{
    background:#F4F5F6;
    color:var(--text);
}

.content-page-hero{
    padding:54px 0 64px;
    background:
        radial-gradient(circle at 82% 18%, rgba(200,74,17,.09), transparent 28%),
        linear-gradient(180deg,#FFFFFF 0%,#F8F8F7 100%);
    border-bottom:1px solid var(--border);
}

.content-breadcrumb{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:30px;
    color:#7B828A;
    font-size:12px;
    font-weight:650;
}

.content-breadcrumb a{
    color:#5E666F;
    text-decoration:none;
}

.content-breadcrumb a:hover{
    color:var(--primary);
}

.content-page-hero-grid{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);
    gap:52px;
    align-items:center;
}

.content-page-copy{
    max-width:800px;
}

.content-page-eyebrow,
.content-section-heading>span,
.content-preset-kicker,
.content-final-card>div>span{
    display:block;
    color:var(--primary);
    font-size:11px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.content-page-copy h1{
    max-width:820px;
    margin:12px 0 18px;
    color:var(--text);
    font-size:clamp(42px,5.3vw,72px);
    line-height:1.02;
    letter-spacing:-.052em;
}

.content-page-lead{
    max-width:760px;
    margin:0;
    color:#5B636D;
    font-size:17px;
    line-height:1.72;
}

.content-page-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}

.content-browser-note{
    max-width:680px;
    margin:18px 0 0;
    color:#757D86;
    font-size:12px;
    line-height:1.55;
}

.content-preset-card{
    padding:24px;
    border:1px solid #D9DDE2;
    border-radius:16px;
    background:#FFFFFF;
    box-shadow:var(--shadow-card);
}

.content-preset-card>strong{
    display:block;
    margin-top:7px;
    color:#282D33;
    font-size:18px;
}

.content-preset-card dl{
    margin:20px 0 18px;
}

.content-preset-card dl>div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:12px 0;
    border-bottom:1px solid #E8EAEC;
}

.content-preset-card dt{
    color:#777F87;
    font-size:12px;
    font-weight:650;
}

.content-preset-card dd{
    margin:0;
    color:#2B3137;
    font-size:13px;
    font-weight:800;
}

.content-preset-card>a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#96360F;
    font-size:13px;
    font-weight:850;
    text-decoration:none;
}

.content-benefits,
.content-workflow,
.content-faq{
    padding:72px 0;
}

.content-benefits{
    background:#FFFFFF;
}

.content-section-heading{
    max-width:760px;
    margin-bottom:26px;
}

.content-section-heading h2{
    margin:8px 0 0;
    color:#20252A;
    font-size:clamp(28px,3.4vw,42px);
    line-height:1.08;
    letter-spacing:-.035em;
}

.content-benefit-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.content-benefit-card{
    min-width:0;
    padding:24px;
    border:1px solid #E0E3E6;
    border-radius:14px;
    background:#FAFAF9;
}

.content-card-index{
    display:block;
    margin-bottom:24px;
    color:#B64A1C;
    font-size:11px;
    font-weight:900;
}

.content-benefit-card h3{
    margin:0 0 9px;
    color:#252A30;
    font-size:18px;
}

.content-benefit-card p{
    margin:0;
    color:#626A73;
    font-size:14px;
    line-height:1.62;
}

.content-workflow{
    background:#F4F5F6;
}

.content-workflow-list{
    overflow:hidden;
    border:1px solid #DDE1E5;
    border-radius:16px;
    background:#FFFFFF;
}

.content-workflow-list article{
    display:grid;
    grid-template-columns:70px minmax(0,1fr);
    gap:20px;
    padding:28px;
}

.content-workflow-list article+article{
    border-top:1px solid #E5E8EA;
}

.content-workflow-list article>span{
    color:#B64A1C;
    font-size:12px;
    font-weight:900;
}

.content-workflow-list h2{
    margin:0 0 8px;
    color:#24292E;
    font-size:22px;
    line-height:1.2;
}

.content-workflow-list p{
    max-width:880px;
    margin:0;
    color:#606871;
    font-size:14px;
    line-height:1.72;
}

.content-final-cta{
    padding:0 0 72px;
    background:#F4F5F6;
}

.content-final-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:30px 34px;
    border:1px solid #343D46;
    border-radius:18px;
    background:#11161C;
    box-shadow:0 20px 48px rgba(18,24,31,.13);
}

.content-final-card h2{
    margin:7px 0 0;
    color:white;
    font-size:30px;
    letter-spacing:-.035em;
}

.content-final-card>div>span{
    color:#F69A70;
}

.content-faq{
    background:#FFFFFF;
}

.content-faq-list{
    max-width:900px;
}

.content-faq-list details{
    border-bottom:1px solid #E2E5E8;
}

.content-faq-list summary{
    position:relative;
    padding:20px 38px 20px 0;
    color:#292F35;
    font-size:16px;
    font-weight:760;
    cursor:pointer;
    list-style:none;
}

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

.content-faq-list summary::after{
    content:"+";
    position:absolute;
    right:4px;
    top:18px;
    color:var(--primary);
    font-size:22px;
    line-height:1;
}

.content-faq-list details[open] summary::after{
    content:"−";
}

.content-faq-list p{
    max-width:820px;
    margin:0;
    padding:0 36px 20px 0;
    color:#606871;
    font-size:14px;
    line-height:1.72;
}

@media(max-width:899px){
    .content-page-hero{
        padding-top:38px;
    }

    .content-page-hero-grid{
        grid-template-columns:1fr;
        gap:30px;
    }

    .content-preset-card{
        max-width:620px;
    }

    .content-benefit-grid{
        grid-template-columns:1fr;
    }

    .content-final-card{
        align-items:flex-start;
        flex-direction:column;
    }
}

@media(max-width:600px){
    .content-page-hero,
    .content-benefits,
    .content-workflow,
    .content-faq{
        padding-top:46px;
        padding-bottom:46px;
    }

    .content-page-copy h1{
        font-size:42px;
    }

    .content-page-lead{
        font-size:16px;
    }

    .content-page-actions{
        flex-direction:column;
    }

    .content-page-actions .button{
        width:100%;
        justify-content:center;
    }

    .content-workflow-list article{
        grid-template-columns:1fr;
        gap:8px;
        padding:22px;
    }

    .content-final-cta{
        padding-bottom:46px;
    }

    .content-final-card{
        padding:24px;
    }

    .content-final-card h2{
        font-size:26px;
    }
}


/* =========================================================
   BUILD 0.9.3 — SEO HUBS + INTERNAL LINKING
   ========================================================= */

.hub-hero{
    padding-bottom:56px;
}

.hub-hero-copy{
    max-width:860px;
}

.hub-hero-copy h1{
    max-width:900px;
    margin:12px 0 18px;
    color:#17191D;
    font-size:clamp(42px,5.3vw,70px);
    line-height:1.02;
    letter-spacing:-.05em;
}

.hub-hero-copy>p{
    max-width:780px;
    margin:0;
    color:#5D656E;
    font-size:17px;
    line-height:1.72;
}

.hub-research-note{
    display:flex;
    gap:12px;
    align-items:flex-start;
    max-width:780px;
    margin-top:22px;
    padding:14px 16px;
    border:1px solid #E8CF9D;
    border-radius:12px;
    background:#FFF7E7;
}

.hub-research-note strong{
    flex:none;
    color:#8E5C06;
    font-size:12px;
}

.hub-research-note span{
    color:#695A3D;
    font-size:12px;
    line-height:1.55;
}

.hub-directory{
    padding:70px 0;
    background:#FFFFFF;
}

.hub-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.hub-card{
    min-width:0;
    min-height:250px;
    display:flex;
    flex-direction:column;
    padding:24px;
    border:1px solid #E0E3E6;
    border-radius:15px;
    background:#FAFAF9;
    color:inherit;
    text-decoration:none;
    transition:
        border-color .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}

a.hub-card:hover{
    border-color:#D69A7B;
    transform:translateY(-2px);
    box-shadow:0 12px 30px rgba(18,24,31,.07);
}

.hub-card-kicker,
.hub-protocol-status{
    color:#A33B0D;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.hub-card h2{
    margin:14px 0 10px;
    color:#252A30;
    font-size:20px;
    line-height:1.18;
    letter-spacing:-.025em;
}

.hub-card p{
    margin:0 0 20px;
    color:#626A73;
    font-size:13px;
    line-height:1.65;
}

.hub-card>a,
.hub-card>strong{
    margin-top:auto;
    color:#96360F;
    font-size:12px;
    font-weight:850;
}

.hub-protocol-card{
    background:#FFFDF8;
}

.hub-protocol-status{
    color:#8B5A08;
}

.hub-explainer{
    padding-top:70px;
}

.content-related{
    padding:66px 0;
    border-top:1px solid #E2E5E8;
    background:#F4F5F6;
}

.content-related-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:24px;
}

.content-related-heading>div>span{
    display:block;
    color:#A43D10;
    font-size:10px;
    font-weight:900;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.content-related-heading h2{
    margin:7px 0 0;
    color:#22272C;
    font-size:clamp(26px,3.2vw,38px);
    letter-spacing:-.035em;
}

.content-related-heading>a{
    flex:none;
    color:#96360F;
    font-size:12px;
    font-weight:850;
    text-decoration:none;
}

.content-related-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.content-related-card{
    min-width:0;
    padding:20px;
    border:1px solid #DDE1E5;
    border-radius:13px;
    background:#FFFFFF;
    color:inherit;
    text-decoration:none;
}

.content-related-card:hover{
    border-color:#D39A7D;
}

.content-related-card>span{
    color:#A43D10;
    font-size:9px;
    font-weight:900;
    letter-spacing:.07em;
}

.content-related-card>strong{
    display:block;
    margin:8px 0;
    color:#292F35;
    font-size:15px;
    line-height:1.3;
}

.content-related-card>p{
    margin:0;
    color:#67707A;
    font-size:12px;
    line-height:1.55;
}

@media(max-width:899px){
    .hub-card-grid,
    .content-related-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:600px){
    .hub-directory,
    .content-related{
        padding:46px 0;
    }

    .hub-card-grid,
    .content-related-grid{
        grid-template-columns:1fr;
    }

    .hub-card{
        min-height:0;
    }

    .content-related-heading{
        align-items:flex-start;
        flex-direction:column;
    }

    .hub-research-note{
        flex-direction:column;
        gap:5px;
    }
}


/* =========================================================
   BUILD 0.9.4 — BRANDED 404
   ========================================================= */

.not-found-page{
    min-height:calc(100vh - 170px);
    display:flex;
    align-items:center;
    padding:86px 0;
    background:
        radial-gradient(circle at 78% 22%, rgba(200,74,17,.09), transparent 28%),
        linear-gradient(180deg,#FFFFFF 0%,#F5F6F7 100%);
}

.not-found-page h1{
    max-width:760px;
    margin:12px 0 16px;
    color:#191D21;
    font-size:clamp(44px,6vw,78px);
    line-height:.98;
    letter-spacing:-.055em;
}

.not-found-page p{
    max-width:700px;
    margin:0;
    color:#626A73;
    font-size:16px;
    line-height:1.72;
}

.not-found-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}

@media(max-width:600px){
    .not-found-page{
        padding:58px 0;
    }

    .not-found-actions{
        flex-direction:column;
    }

    .not-found-actions .button{
        width:100%;
        justify-content:center;
    }
}


/* BUILD 0.10.1 — TRUST / LEGAL PAGES */

.trust-page-main{
    background:#F4F5F6;
}

.trust-page-hero{
    padding:50px 0 56px;
    border-bottom:1px solid #E2E5E8;
    background:
        radial-gradient(circle at 82% 12%, rgba(200,74,17,.08), transparent 28%),
        linear-gradient(180deg,#FFFFFF 0%,#F8F8F7 100%);
}

.trust-page-hero-copy{
    max-width:850px;
}

.trust-page-hero-copy h1{
    margin:11px 0 16px;
    color:#1D2227;
    font-size:clamp(42px,5.2vw,68px);
    line-height:1.02;
    letter-spacing:-.05em;
}

.trust-page-lead{
    max-width:790px;
    margin:0;
    color:#5F6770;
    font-size:16px;
    line-height:1.72;
}

.trust-page-updated{
    margin:18px 0 0;
    color:#7B838B;
    font-size:11px;
}

.trust-contact-channel,
.trust-status-strip{
    padding:28px 0 0;
    background:#F4F5F6;
}

.trust-contact-card{
    padding:22px;
    border:1px solid #DDE1E5;
    border-radius:14px;
    background:#FFFFFF;
}

.trust-contact-card>div>span{
    display:block;
    margin-bottom:6px;
    color:#767E87;
    font-size:10px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.trust-contact-card a{
    color:#96360F;
    font-size:17px;
    font-weight:850;
    text-decoration:none;
}

.trust-contact-card>p,
.trust-staging-notice p{
    margin:9px 0 0;
    color:#6A727B;
    font-size:11px;
    line-height:1.55;
}

.trust-staging-notice{
    padding:15px;
    border:1px solid #E5CDA2;
    border-radius:11px;
    background:#FFF9ED;
}

.trust-staging-notice strong{
    color:#835A13;
    font-size:12px;
}

.trust-status-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.trust-status-grid--single{
    grid-template-columns:minmax(0,520px);
}

.trust-status-grid>div{
    padding:15px 17px;
    border:1px solid #DDE1E5;
    border-radius:12px;
    background:#FFFFFF;
}

.trust-status-grid span{
    display:block;
    margin-bottom:4px;
    color:#777F88;
    font-size:9px;
    font-weight:800;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.trust-status-grid strong{
    color:#2C3238;
    font-size:12px;
}

.trust-document{
    padding:54px 0 76px;
    background:#F4F5F6;
}

.trust-document-grid{
    display:grid;
    grid-template-columns:minmax(0,820px) minmax(220px,280px);
    gap:42px;
    align-items:start;
}

.trust-document-body{
    overflow:hidden;
    border:1px solid #DDE1E5;
    border-radius:16px;
    background:#FFFFFF;
}

.trust-document-section{
    padding:28px 30px;
}

.trust-document-section+.trust-document-section{
    border-top:1px solid #E6E8EA;
}

.trust-document-section h2{
    margin:0 0 12px;
    color:#252A30;
    font-size:20px;
    line-height:1.28;
}

.trust-document-section p{
    margin:0;
    color:#5E6770;
    font-size:13px;
    line-height:1.72;
}

.trust-document-section p+p{
    margin-top:10px;
}

.trust-document-section ul{
    margin:12px 0 0;
    padding-left:20px;
    color:#5E6770;
    font-size:13px;
    line-height:1.7;
}

.trust-document-nav{
    position:sticky;
    top:92px;
    display:flex;
    flex-direction:column;
    gap:8px;
    padding:19px;
    border:1px solid #DDE1E5;
    border-radius:14px;
    background:#FFFFFF;
}

.trust-document-nav>strong{
    margin-bottom:4px;
    color:#2C3238;
    font-size:12px;
}

.trust-document-nav>a{
    padding:8px 9px;
    border-radius:8px;
    color:#687079;
    font-size:11px;
    text-decoration:none;
}

.trust-document-nav>a:hover{
    background:#FFF3EC;
    color:#96360F;
}

.trust-config-reminder{
    margin-top:8px;
    padding:11px;
    border:1px solid #E6D3B2;
    border-radius:9px;
    background:#FFF9ED;
}

.trust-config-reminder strong{
    display:block;
    color:#855A13;
    font-size:9px;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.trust-config-reminder span{
    display:block;
    margin-top:4px;
    color:#72634A;
    font-size:9px;
    line-height:1.45;
}

.affiliate-inline-disclosure{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px 12px;
    margin:18px 0;
    padding:12px 14px;
    border:1px solid #E1D0B0;
    border-radius:10px;
    background:#FFF9EE;
    color:#655944;
    font-size:10px;
    line-height:1.5;
}

.affiliate-inline-disclosure a{
    margin-left:auto;
    color:#96360F;
    font-weight:800;
    text-decoration:none;
}

@media(max-width:900px){
    .trust-document-grid{
        grid-template-columns:1fr;
    }

    .trust-document-nav{
        position:static;
        order:-1;
    }
}

@media(max-width:600px){
    .trust-page-hero{
        padding:38px 0 42px;
    }

    .trust-page-hero-copy h1{
        font-size:42px;
    }

    .trust-status-grid{
        grid-template-columns:1fr;
    }

    .trust-document{
        padding:38px 0 52px;
    }

    .trust-document-section{
        padding:22px;
    }

    .affiliate-inline-disclosure{
        align-items:flex-start;
        flex-direction:column;
    }

    .affiliate-inline-disclosure a{
        margin-left:0;
    }
}