/* =========================================================
   PsychCura
   Contribute Page · 2026
========================================================= */


/* =========================================================
   Design tokens
========================================================= */

.pc-contribute-page {

    --pc-contribute-navy:
        #102a43;

    --pc-contribute-navy-soft:
        #173b55;

    --pc-contribute-cyan:
        #08b8d1;

    --pc-contribute-cyan-dark:
        #078ca2;

    --pc-contribute-cyan-soft:
        #eafafd;

    --pc-contribute-text:
        #40586a;

    --pc-contribute-muted:
        #718595;

    --pc-contribute-line:
        #dce9ee;

    --pc-contribute-background:
        #f7fbfc;

    --pc-contribute-surface:
        #ffffff;

    --pc-contribute-green:
        #168c64;

    --pc-contribute-radius:
        24px;

    color:
        var(--pc-contribute-navy);

    background:
        var(--pc-contribute-background);

    overflow-x:
        hidden;
}


.pc-contribute-page main {

    overflow:
        hidden;
}


.pc-contribute-page a {

    text-decoration:
        none;
}



/* =========================================================
   Hero
========================================================= */

.pc-contribute-hero {

    position:
        relative;

    padding:
        104px 0 96px;

    background:
        radial-gradient(circle at 83% 22%,
            rgba(8, 184, 209, .12),
            transparent 31%),
        linear-gradient(135deg,
            #f9fcfd 0%,
            #f1fafb 55%,
            #f8fcfd 100%);

    border-bottom:
        1px solid rgba(220, 233, 238, .8);
}


.pc-contribute-hero::before {

    content:
        "";

    position:
        absolute;

    width:
        420px;

    height:
        420px;

    left:
        -230px;

    bottom:
        -260px;

    border-radius:
        50%;

    background:
        rgba(8, 184, 209, .05);

    pointer-events:
        none;
}


.pc-contribute-hero-grid {

    position:
        relative;

    z-index:
        1;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.05fr) minmax(360px, .95fr);

    gap:
        70px;

    align-items:
        center;
}



/* =========================================================
   Hero copy
========================================================= */

.pc-contribute-eyebrow {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        10px;

    margin-bottom:
        22px;

    padding:
        7px 13px 7px 8px;

    border:
        1px solid rgba(8, 184, 209, .2);

    border-radius:
        999px;

    background:
        rgba(255, 255, 255, .82);

    color:
        var(--pc-contribute-cyan-dark);

    font-size:
        13px;

    font-weight:
        700;

    letter-spacing:
        .02em;

    box-shadow:
        0 8px 30px rgba(16, 42, 67, .04);
}


.pc-contribute-eyebrow-icon {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    width:
        30px;

    height:
        30px;

    border-radius:
        50%;

    color:
        #ffffff;

    background:
        var(--pc-contribute-cyan);
}


.pc-contribute-hero h1 {

    max-width:
        720px;

    margin:
        0;

    color:
        var(--pc-contribute-navy);

    font-family:
        "Playfair Display",
        serif;

    font-size:
        clamp(3rem,
            5vw,
            5rem);

    font-weight:
        600;

    line-height:
        1.04;

    letter-spacing:
        -.035em;
}


.pc-contribute-hero h1 span {

    color:
        var(--pc-contribute-cyan-dark);
}


.pc-contribute-hero-lead {

    max-width:
        680px;

    margin:
        27px 0 0;

    color:
        var(--pc-contribute-text);

    font-size:
        18px;

    line-height:
        1.78;
}


.pc-contribute-hero-actions {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        12px;

    margin-top:
        34px;
}



/* =========================================================
   Buttons
========================================================= */

.pc-contribute-btn {

    display:
        inline-flex;

    min-height:
        52px;

    align-items:
        center;

    justify-content:
        center;

    gap:
        10px;

    padding:
        13px 21px;

    border:
        1px solid transparent;

    border-radius:
        14px;

    font-size:
        14px;

    font-weight:
        700;

    line-height:
        1.2;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        background-color .18s ease,
        color .18s ease;
}


.pc-contribute-btn-primary {

    color:
        #ffffff;

    background:
        var(--pc-contribute-navy);

    box-shadow:
        0 14px 30px rgba(16, 42, 67, .16);
}


.pc-contribute-btn-primary:hover {

    color:
        #ffffff;

    background:
        var(--pc-contribute-navy-soft);

    transform:
        translateY(-2px);

    box-shadow:
        0 18px 36px rgba(16, 42, 67, .2);
}


.pc-contribute-btn-secondary {

    color:
        var(--pc-contribute-navy);

    border-color:
        var(--pc-contribute-line);

    background:
        rgba(255, 255, 255, .76);
}


.pc-contribute-btn-secondary:hover {

    color:
        var(--pc-contribute-cyan-dark);

    border-color:
        rgba(8, 184, 209, .35);

    background:
        #ffffff;

    transform:
        translateY(-2px);
}



/* =========================================================
   Trust row
========================================================= */

.pc-contribute-trust-row {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        12px 22px;

    margin-top:
        28px;

    color:
        var(--pc-contribute-muted);

    font-size:
        13px;

    font-weight:
        600;
}


.pc-contribute-trust-row span {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;
}


.pc-contribute-trust-row i {

    color:
        var(--pc-contribute-green);
}



/* =========================================================
   Hero visual
========================================================= */

.pc-contribute-hero-visual {

    position:
        relative;

    min-height:
        470px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;
}


.pc-contribute-visual-orbit {

    position:
        absolute;

    width:
        390px;

    height:
        390px;

    border:
        1px solid rgba(8, 184, 209, .16);

    border-radius:
        50%;
}


.pc-contribute-visual-orbit::before {

    content:
        "";

    position:
        absolute;

    inset:
        43px;

    border:
        1px dashed rgba(8, 184, 209, .18);

    border-radius:
        inherit;
}


.pc-contribute-editorial-card {

    position:
        relative;

    z-index:
        2;

    width:
        min(100%, 360px);

    padding:
        28px;

    border:
        1px solid rgba(220, 233, 238, .95);

    border-radius:
        26px;

    background:
        rgba(255, 255, 255, .94);

    box-shadow:
        0 30px 80px rgba(16, 42, 67, .12);

    backdrop-filter:
        blur(10px);
}


.pc-contribute-editorial-top {

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    color:
        var(--pc-contribute-navy);

    font-weight:
        700;
}


.pc-contribute-editorial-icon {

    display:
        flex;

    width:
        44px;

    height:
        44px;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        14px;

    color:
        #ffffff;

    background:
        linear-gradient(135deg,
            var(--pc-contribute-cyan),
            var(--pc-contribute-cyan-dark));

    box-shadow:
        0 10px 25px rgba(8, 184, 209, .22);
}


.pc-contribute-editorial-lines {

    display:
        grid;

    gap:
        10px;

    margin-top:
        28px;
}


.pc-contribute-editorial-lines span {

    display:
        block;

    height:
        9px;

    border-radius:
        999px;

    background:
        #eaf1f4;
}


.pc-contribute-editorial-lines span:nth-child(1) {

    width:
        92%;
}


.pc-contribute-editorial-lines span:nth-child(2) {

    width:
        76%;
}


.pc-contribute-editorial-lines span:nth-child(3) {

    width:
        84%;
}


.pc-contribute-editorial-topic {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin-top:
        24px;
}


.pc-contribute-editorial-topic span {

    padding:
        7px 10px;

    border-radius:
        999px;

    color:
        var(--pc-contribute-cyan-dark);

    background:
        var(--pc-contribute-cyan-soft);

    font-size:
        11px;

    font-weight:
        700;
}


.pc-contribute-editorial-status {

    display:
        flex;

    align-items:
        center;

    gap:
        10px;

    margin-top:
        26px;

    padding-top:
        20px;

    border-top:
        1px solid var(--pc-contribute-line);

    color:
        var(--pc-contribute-text);

    font-size:
        12px;

    line-height:
        1.5;
}


.pc-contribute-status-dot {

    flex:
        0 0 auto;

    width:
        9px;

    height:
        9px;

    border-radius:
        50%;

    background:
        var(--pc-contribute-green);

    box-shadow:
        0 0 0 5px rgba(22, 140, 100, .1);
}



/* =========================================================
   Floating cards
========================================================= */

.pc-contribute-floating-card {

    position:
        absolute;

    z-index:
        3;

    display:
        flex;

    align-items:
        center;

    gap:
        11px;

    min-width:
        190px;

    padding:
        13px 15px;

    border:
        1px solid rgba(220, 233, 238, .95);

    border-radius:
        17px;

    background:
        rgba(255, 255, 255, .96);

    box-shadow:
        0 16px 40px rgba(16, 42, 67, .1);
}


.pc-contribute-floating-card>i {

    display:
        flex;

    width:
        36px;

    height:
        36px;

    align-items:
        center;

    justify-content:
        center;

    flex:
        0 0 auto;

    border-radius:
        11px;

    color:
        var(--pc-contribute-cyan-dark);

    background:
        var(--pc-contribute-cyan-soft);
}


.pc-contribute-floating-card strong,
.pc-contribute-floating-card span {

    display:
        block;
}


.pc-contribute-floating-card strong {

    color:
        var(--pc-contribute-navy);

    font-size:
        12px;
}


.pc-contribute-floating-card span {

    margin-top:
        2px;

    color:
        var(--pc-contribute-muted);

    font-size:
        10px;
}


.pc-contribute-floating-card-one {

    top:
        63px;

    left:
        -5px;
}


.pc-contribute-floating-card-two {

    right:
        -10px;

    bottom:
        60px;
}



/* =========================================================
   Shared section heading
========================================================= */

.pc-contribute-intro {

    padding:
        92px 0 28px;
}


.pc-contribute-section-heading {

    max-width:
        760px;

    margin:
        0 auto;

    text-align:
        center;
}


.pc-contribute-kicker {

    display:
        inline-block;

    margin-bottom:
        11px;

    color:
        var(--pc-contribute-cyan-dark);

    font-size:
        12px;

    font-weight:
        800;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}


.pc-contribute-section-heading h2,
.pc-contribute-standards h2,
.pc-contribute-next h2 {

    margin:
        0;

    color:
        var(--pc-contribute-navy);

    font-family:
        "Playfair Display",
        serif;

    font-weight:
        600;

    line-height:
        1.18;
}


.pc-contribute-section-heading h2 {

    font-size:
        clamp(2rem,
            3.6vw,
            3.1rem);
}


.pc-contribute-section-heading p {

    max-width:
        670px;

    margin:
        18px auto 0;

    color:
        var(--pc-contribute-text);

    font-size:
        16px;

    line-height:
        1.75;
}



/* =========================================================
   Contribution options
========================================================= */

.pc-contribute-options {

    padding:
        28px 0 96px;
}


.pc-contribute-options-grid {

    display:
        grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        20px;
}


.pc-contribute-option-card {

    position:
        relative;

    display:
        flex;

    min-width:
        0;

    flex-direction:
        column;

    padding:
        30px;

    border:
        1px solid var(--pc-contribute-line);

    border-radius:
        var(--pc-contribute-radius);

    background:
        var(--pc-contribute-surface);

    box-shadow:
        0 14px 45px rgba(16, 42, 67, .055);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}


.pc-contribute-option-card:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(8, 184, 209, .3);

    box-shadow:
        0 24px 60px rgba(16, 42, 67, .09);
}


.pc-contribute-option-card-featured {

    border-color:
        rgba(8, 184, 209, .32);

    background:
        linear-gradient(180deg,
            #ffffff 0%,
            #f5fcfd 100%);
}


.pc-contribute-featured-badge {

    position:
        absolute;

    top:
        20px;

    right:
        20px;

    padding:
        6px 9px;

    border-radius:
        999px;

    color:
        var(--pc-contribute-cyan-dark);

    background:
        var(--pc-contribute-cyan-soft);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .04em;

    text-transform:
        uppercase;
}


.pc-contribute-option-icon {

    display:
        flex;

    width:
        52px;

    height:
        52px;

    align-items:
        center;

    justify-content:
        center;

    margin-bottom:
        22px;

    border-radius:
        16px;

    color:
        var(--pc-contribute-cyan-dark);

    background:
        var(--pc-contribute-cyan-soft);

    font-size:
        19px;
}


.pc-contribute-option-label {

    margin-bottom:
        7px;

    color:
        var(--pc-contribute-cyan-dark);

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}


.pc-contribute-option-card h3 {

    margin:
        0;

    color:
        var(--pc-contribute-navy);

    font-size:
        21px;

    font-weight:
        700;
}


.pc-contribute-option-card>p {

    margin:
        15px 0 0;

    color:
        var(--pc-contribute-text);

    font-size:
        14px;

    line-height:
        1.72;
}


.pc-contribute-option-card ul {

    display:
        grid;

    gap:
        10px;

    margin:
        23px 0 0;

    padding:
        0;

    list-style:
        none;
}


.pc-contribute-option-card li {

    position:
        relative;

    padding-left:
        22px;

    color:
        var(--pc-contribute-text);

    font-size:
        13px;
}


.pc-contribute-option-card li::before {

    content:
        "✓";

    position:
        absolute;

    left:
        0;

    top:
        0;

    color:
        var(--pc-contribute-green);

    font-weight:
        800;
}


.pc-contribute-option-footer {

    margin-top:
        auto;

    padding-top:
        25px;
}


.pc-contribute-option-footer span {

    display:
        inline-flex;

    padding:
        7px 10px;

    border:
        1px solid var(--pc-contribute-line);

    border-radius:
        999px;

    color:
        var(--pc-contribute-muted);

    background:
        #fbfdfe;

    font-size:
        11px;

    font-weight:
        700;
}


/* =========================================================
   Topics
========================================================= */

.pc-contribute-topics {

    padding:
        0 0 100px;
}


.pc-contribute-topics-layout {

    display:
        grid;

    grid-template-columns:
        minmax(0, .82fr) minmax(0, 1.18fr);

    gap:
        72px;

    align-items:
        center;
}


.pc-contribute-topics-copy h2,
.pc-contribute-faq-intro h2 {

    margin:
        0;

    color:
        var(--pc-contribute-navy);

    font-family:
        "Playfair Display",
        serif;

    font-size:
        clamp(2rem, 3.4vw, 3rem);

    font-weight:
        600;

    line-height:
        1.17;
}


.pc-contribute-topics-copy>p,
.pc-contribute-faq-intro>p {

    margin:
        18px 0 0;

    color:
        var(--pc-contribute-text);

    font-size:
        15px;

    line-height:
        1.75;
}


.pc-contribute-topic-note {

    display:
        flex;

    gap:
        12px;

    align-items:
        flex-start;

    margin-top:
        25px;

    padding:
        15px 17px;

    border:
        1px solid var(--pc-contribute-line);

    border-radius:
        15px;

    color:
        var(--pc-contribute-text);

    background:
        #ffffff;

    font-size:
        12px;

    line-height:
        1.6;
}


.pc-contribute-topic-note i {

    margin-top:
        2px;

    color:
        var(--pc-contribute-cyan-dark);
}


.pc-contribute-topic-grid {

    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        12px;
}


.pc-contribute-topic-item {

    display:
        flex;

    min-height:
        74px;

    align-items:
        center;

    gap:
        14px;

    padding:
        15px 17px;

    border:
        1px solid var(--pc-contribute-line);

    border-radius:
        17px;

    color:
        var(--pc-contribute-navy);

    background:
        #ffffff;

    font-size:
        13px;

    font-weight:
        700;

    box-shadow:
        0 10px 32px rgba(16, 42, 67, .04);

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}


.pc-contribute-topic-item:hover {

    transform:
        translateY(-3px);

    border-color:
        rgba(8, 184, 209, .3);

    box-shadow:
        0 16px 38px rgba(16, 42, 67, .07);
}


.pc-contribute-topic-item i {

    display:
        flex;

    width:
        42px;

    height:
        42px;

    align-items:
        center;

    justify-content:
        center;

    flex:
        0 0 auto;

    border-radius:
        13px;

    color:
        var(--pc-contribute-cyan-dark);

    background:
        var(--pc-contribute-cyan-soft);
}



/* =========================================================
   Process
========================================================= */

.pc-contribute-process {

    padding:
        92px 0 100px;

    border-top:
        1px solid var(--pc-contribute-line);

    background:
        #ffffff;
}


.pc-contribute-process-grid {

    position:
        relative;

    display:
        grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap:
        18px;

    margin-top:
        52px;
}


.pc-contribute-process-grid::before {

    content:
        "";

    position:
        absolute;

    top:
        27px;

    left:
        10%;

    right:
        10%;

    height:
        1px;

    background:
        var(--pc-contribute-line);
}


.pc-contribute-process-step {

    position:
        relative;

    z-index:
        1;

    padding:
        0 18px;

    text-align:
        center;
}


.pc-contribute-step-number {

    display:
        inline-flex;

    width:
        54px;

    height:
        54px;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid rgba(8, 184, 209, .25);

    border-radius:
        50%;

    color:
        var(--pc-contribute-cyan-dark);

    background:
        #ffffff;

    font-size:
        12px;

    font-weight:
        800;

    box-shadow:
        0 8px 22px rgba(16, 42, 67, .06);
}


.pc-contribute-step-icon {

    margin:
        22px auto 16px;

    color:
        var(--pc-contribute-cyan-dark);

    font-size:
        20px;
}


.pc-contribute-process-step h3 {

    margin:
        0;

    color:
        var(--pc-contribute-navy);

    font-size:
        16px;

    font-weight:
        700;
}


.pc-contribute-process-step p {

    margin:
        11px auto 0;

    color:
        var(--pc-contribute-muted);

    font-size:
        12px;

    line-height:
        1.65;
}


/* =========================================================
   Editorial standards
========================================================= */

.pc-contribute-standards {

    padding:
        0 0 96px;
}


.pc-contribute-standards-card {

    display:
        grid;

    grid-template-columns:
        minmax(0, .9fr) minmax(0, 1.1fr);

    gap:
        60px;

    align-items:
        center;

    padding:
        52px;

    border-radius:
        30px;

    color:
        #ffffff;

    background:
        linear-gradient(135deg,
            var(--pc-contribute-navy),
            #153c56);

    box-shadow:
        0 28px 70px rgba(16, 42, 67, .14);
}


.pc-contribute-standards-card .pc-contribute-kicker {

    color:
        #69d5e5;
}


.pc-contribute-standards h2 {

    color:
        #ffffff;

    font-size:
        clamp(2rem,
            3vw,
            2.75rem);
}


.pc-contribute-standards-card p {

    margin:
        18px 0 0;

    color:
        rgba(255, 255, 255, .76);

    font-size:
        15px;

    line-height:
        1.75;
}


.pc-contribute-standard-points {

    display:
        grid;

    gap:
        12px;
}


.pc-contribute-standard-points>div {

    display:
        flex;

    align-items:
        center;

    gap:
        13px;

    padding:
        15px 17px;

    border:
        1px solid rgba(255, 255, 255, .1);

    border-radius:
        15px;

    background:
        rgba(255, 255, 255, .06);

    color:
        rgba(255, 255, 255, .9);

    font-size:
        13px;
}


.pc-contribute-standard-points i {

    display:
        flex;

    width:
        30px;

    height:
        30px;

    align-items:
        center;

    justify-content:
        center;

    flex:
        0 0 auto;

    border-radius:
        50%;

    color:
        #ffffff;

    background:
        rgba(8, 184, 209, .2);

    font-size:
        11px;
}


/* =========================================================
   FAQ
========================================================= */

.pc-contribute-faq {

    padding:
        0 0 96px;
}


.pc-contribute-faq-layout {

    display:
        grid;

    grid-template-columns:
        minmax(260px, .72fr) minmax(0, 1.28fr);

    gap:
        70px;

    align-items:
        start;
}


.pc-contribute-faq-intro {

    position:
        sticky;

    top:
        110px;
}


.pc-contribute-accordion {

    display:
        grid;

    gap:
        10px;
}


.pc-contribute-accordion .accordion-item {

    overflow:
        hidden;

    border:
        1px solid var(--pc-contribute-line);

    border-radius:
        16px;

    background:
        #ffffff;
}


.pc-contribute-accordion .accordion-button {

    padding:
        19px 20px;

    color:
        var(--pc-contribute-navy);

    background:
        #ffffff;

    font-size:
        14px;

    font-weight:
        700;

    box-shadow:
        none;
}


.pc-contribute-accordion .accordion-button:not(.collapsed) {

    color:
        var(--pc-contribute-cyan-dark);

    background:
        #f7fcfd;

    box-shadow:
        none;
}


.pc-contribute-accordion .accordion-button:focus {

    border-color:
        transparent;

    box-shadow:
        none;
}


.pc-contribute-accordion .accordion-button::after {

    width:
        16px;

    height:
        16px;

    background-size:
        16px;
}


.pc-contribute-accordion .accordion-body {

    padding:
        0 20px 20px;

    color:
        var(--pc-contribute-text);

    font-size:
        13px;

    line-height:
        1.7;
}


/* =========================================================
   Next step CTA
========================================================= */

.pc-contribute-next {

    padding:
        0 0 100px;
}


.pc-contribute-next-card {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        40px;

    padding:
        42px 46px;

    border:
        1px solid var(--pc-contribute-line);

    border-radius:
        26px;

    background:
        #ffffff;

    box-shadow:
        0 16px 50px rgba(16, 42, 67, .055);
}


.pc-contribute-next h2 {

    font-size:
        clamp(1.9rem,
            3vw,
            2.6rem);
}


.pc-contribute-next-card p {

    max-width:
        650px;

    margin:
        13px 0 0;

    color:
        var(--pc-contribute-text);

    font-size:
        14px;

    line-height:
        1.7;
}


.pc-contribute-proposal-disabled {

    flex:
        0 0 auto;

    opacity:
        .68;

    cursor:
        not-allowed;
}


.pc-contribute-proposal-disabled:hover {

    transform:
        none;

    background:
        var(--pc-contribute-navy);

    box-shadow:
        0 14px 30px rgba(16, 42, 67, .16);
}


.pc-contribute-coming-soon {

    margin:
        13px 5px 0;

    color:
        var(--pc-contribute-muted);

    font-size:
        11px;

    text-align:
        right;
}



/* =========================================================
   Accessibility
========================================================= */

.pc-contribute-page a:focus-visible,
.pc-contribute-page button:focus-visible {

    outline:
        3px solid rgba(8, 184, 209, .32);

    outline-offset:
        3px;
}



/* =========================================================
   Tablet
========================================================= */

@media (max-width: 991.98px) {

    .pc-contribute-hero {

        padding:
            74px 0 78px;
    }


    .pc-contribute-hero-grid {

        grid-template-columns:
            1fr;

        gap:
            38px;
    }


    .pc-contribute-hero-copy {

        max-width:
            760px;
    }


    .pc-contribute-hero-visual {

        width:
            min(100%, 600px);

        min-height:
            410px;

        margin:
            0 auto;
    }


    .pc-contribute-options-grid {

        grid-template-columns:
            1fr;
    }


    .pc-contribute-option-card {

        min-height:
            0;
    }


    .pc-contribute-standards-card {

        grid-template-columns:
            1fr;

        gap:
            35px;

        padding:
            40px;
    }

    .pc-contribute-topics-layout {

        grid-template-columns:
            1fr;

        gap:
            38px;
    }


    .pc-contribute-process-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        row-gap:
            44px;
    }


    .pc-contribute-process-grid::before {

        display:
            none;
    }


    .pc-contribute-faq-layout {

        grid-template-columns:
            1fr;

        gap:
            35px;
    }


    .pc-contribute-faq-intro {

        position:
            static;
    }

}



/* =========================================================
   Mobile
========================================================= */

@media (max-width: 767.98px) {

    .pc-contribute-hero {

        padding:
            55px 0 62px;
    }


    .pc-contribute-hero h1 {

        font-size:
            clamp(2.55rem,
                12vw,
                3.7rem);
    }


    .pc-contribute-hero-lead {

        margin-top:
            21px;

        font-size:
            16px;

        line-height:
            1.7;
    }


    .pc-contribute-hero-actions {

        display:
            grid;

        grid-template-columns:
            1fr;
    }


    .pc-contribute-btn {

        width:
            100%;
    }


    .pc-contribute-trust-row {

        display:
            grid;

        gap:
            10px;
    }


    .pc-contribute-hero-visual {

        min-height:
            350px;
    }


    .pc-contribute-visual-orbit {

        width:
            300px;

        height:
            300px;
    }


    .pc-contribute-editorial-card {

        width:
            calc(100% - 28px);

        padding:
            23px;
    }


    .pc-contribute-floating-card {

        min-width:
            0;

        max-width:
            170px;
    }


    .pc-contribute-floating-card-one {

        top:
            14px;

        left:
            0;
    }


    .pc-contribute-floating-card-two {

        right:
            0;

        bottom:
            10px;
    }


    .pc-contribute-intro {

        padding:
            70px 0 22px;
    }


    .pc-contribute-options {

        padding-bottom:
            72px;
    }


    .pc-contribute-option-card {

        padding:
            25px;
    }


    .pc-contribute-standards {

        padding-bottom:
            72px;
    }


    .pc-contribute-standards-card {

        padding:
            30px 24px;

        border-radius:
            24px;
    }


    .pc-contribute-next {

        padding-bottom:
            72px;
    }


    .pc-contribute-next-card {

        display:
            grid;

        padding:
            30px 24px;
    }


    .pc-contribute-coming-soon {

        text-align:
            left;
    }

    .pc-contribute-topics {

        padding-bottom:
            72px;
    }


    .pc-contribute-topic-grid {

        grid-template-columns:
            1fr;
    }


    .pc-contribute-process {

        padding:
            70px 0 76px;
    }


    .pc-contribute-process-grid {

        grid-template-columns:
            1fr;

        gap:
            28px;

        margin-top:
            38px;
    }


    .pc-contribute-process-step {

        padding:
            0 12px;
    }


    .pc-contribute-faq {

        padding-bottom:
            72px;
    }

}



/* =========================================================
   Small phones
========================================================= */

@media (max-width: 420px) {

    .pc-contribute-hero-visual {

        min-height:
            330px;
    }


    .pc-contribute-floating-card {

        padding:
            10px;

        max-width:
            150px;
    }


    .pc-contribute-floating-card>i {

        width:
            31px;

        height:
            31px;
    }


    .pc-contribute-floating-card strong {

        font-size:
            10px;
    }


    .pc-contribute-floating-card span {

        font-size:
            9px;
    }

}



/* =========================================================
   Reduced motion
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .pc-contribute-page *,
    .pc-contribute-page *::before,
    .pc-contribute-page *::after {

        scroll-behavior:
            auto !important;

        transition-duration:
            .01ms !important;

        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;
    }

}