/* =========================================================
   PsychCura
   Features Page · 2026
========================================================= */


/* =========================================================
   Tokens
========================================================= */

.pc-feature-page {

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

    --pc-feature-navy-soft:
        #183c55;

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

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

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

    --pc-feature-text:
        #40576a;

    --pc-feature-muted:
        #718595;

    --pc-feature-line:
        #dce9ee;

    --pc-feature-surface:
        #ffffff;

    --pc-feature-background:
        #f7fbfc;

    --pc-feature-green:
        #1d9a67;

    --pc-feature-radius:
        24px;

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

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

    overflow-x:
        hidden;
}


/* =========================================================
   Global page helpers
========================================================= */

.pc-feature-page main {

    overflow:
        hidden;
}


.pc-feature-page a {

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


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

.pc-feature-hero {

    position:
        relative;

    padding:
        48px 0 92px;

    overflow:
        hidden;

    background:
        radial-gradient(circle at 10% 18%,
            rgba(8, 184, 209, .14),
            transparent 31%),
        radial-gradient(circle at 92% 7%,
            rgba(16, 42, 67, .07),
            transparent 28%),
        linear-gradient(180deg,
            #f9fdfe 0%,
            #f3fafc 100%);
}


.pc-feature-hero::before {

    content:
        "";

    position:
        absolute;

    width:
        440px;

    height:
        440px;

    right:
        -250px;

    top:
        -250px;

    border:
        72px solid rgba(8, 184, 209, .045);

    border-radius:
        50%;

    pointer-events:
        none;
}


.pc-feature-hero::after {

    content:
        "";

    position:
        absolute;

    width:
        300px;

    height:
        300px;

    left:
        -190px;

    bottom:
        -220px;

    border:
        55px solid rgba(16, 42, 67, .035);

    border-radius:
        50%;

    pointer-events:
        none;
}


/* Breadcrumb */

.pc-feature-breadcrumb {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    margin-bottom:
        46px;

    color:
        #8496a3;

    font-size:
        .76rem;

    font-weight:
        600;
}


.pc-feature-breadcrumb a {

    color:
        #647d8e;

    text-decoration:
        none;
}


.pc-feature-breadcrumb a:hover {

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


.pc-feature-breadcrumb i {

    font-size:
        .5rem;

    color:
        #b2c1c9;
}


/* Hero layout */

.pc-feature-hero-grid {

    position:
        relative;

    z-index:
        1;

    display:
        grid;

    grid-template-columns:
        minmax(0, 1.06fr) minmax(380px, .94fr);

    align-items:
        center;

    gap:
        clamp(44px,
            7vw,
            92px);
}


.pc-feature-eyebrow {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

    margin-bottom:
        20px;

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

    font-size:
        .72rem;

    font-weight:
        800;

    letter-spacing:
        .14em;

    text-transform:
        uppercase;
}


.pc-feature-eyebrow i {

    font-size:
        .72rem;
}


.pc-feature-hero-copy h1 {

    max-width:
        770px;

    margin:
        0;

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

    font-family:
        "Playfair Display",
        serif;

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

    line-height:
        1.025;

    letter-spacing:
        -.045em;
}


.pc-feature-hero-copy h1 span {

    display:
        block;

    margin-top:
        8px;

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


.pc-feature-hero-lead {

    max-width:
        720px;

    margin:
        26px 0 0;

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

    font-size:
        clamp(1rem,
            1.35vw,
            1.14rem);

    line-height:
        1.85;
}


/* Hero buttons */

.pc-feature-hero-actions {

    display:
        flex;

    align-items:
        center;

    flex-wrap:
        wrap;

    gap:
        11px;

    margin-top:
        30px;
}


.pc-feature-btn {

    min-height:
        50px;

    padding:
        0 21px;

    border:
        1px solid transparent;

    border-radius:
        999px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    font-size:
        .82rem;

    font-weight:
        750;

    line-height:
        1;

    text-decoration:
        none;
}


.pc-feature-btn-primary {

    color:
        #ffffff;

    background:
        linear-gradient(135deg,
            #079fb7,
            #12bdd3);

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


.pc-feature-btn-primary:hover {

    color:
        #ffffff;

    transform:
        translateY(-2px);

    box-shadow:
        0 17px 34px rgba(8, 184, 209, .27);
}


.pc-feature-btn-secondary {

    border-color:
        #d2e3e9;

    color:
        #27495b;

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


.pc-feature-btn-secondary:hover {

    border-color:
        #9bd8e1;

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

    background:
        #ffffff;
}


.pc-feature-btn-light {

    border-color:
        rgba(255, 255, 255, .22);

    color:
        #ffffff;

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

    backdrop-filter:
        blur(8px);
}


.pc-feature-btn-light:hover {

    border-color:
        rgba(255, 255, 255, .38);

    color:
        #ffffff;

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


/* Trust row */

.pc-feature-trust-row {

    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        11px 22px;

    margin-top:
        28px;

    color:
        #6b8291;

    font-size:
        .73rem;

    font-weight:
        650;
}


.pc-feature-trust-row span {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;
}


.pc-feature-trust-row i {

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


/* =========================================================
   Platform preview
========================================================= */

.pc-feature-platform-preview {

    position:
        relative;

    padding:
        22px;

    border:
        1px solid rgba(181, 212, 220, .68);

    border-radius:
        27px;

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

    backdrop-filter:
        blur(18px);

    box-shadow:
        0 28px 70px rgba(15, 35, 52, .10);
}


.pc-feature-platform-preview::before {

    content:
        "";

    position:
        absolute;

    inset:
        0;

    border-radius:
        inherit;

    pointer-events:
        none;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .85);
}


.pc-feature-preview-head {

    position:
        relative;

    z-index:
        1;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        15px;

    padding:
        1px 2px 18px;

    border-bottom:
        1px solid #edf2f4;

    color:
        #294b5d;

    font-size:
        .75rem;

    font-weight:
        800;
}


.pc-feature-preview-status {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    color:
        #5f7b6f;

    font-size:
        .65rem;
}


.pc-feature-preview-status span {

    width:
        7px;

    height:
        7px;

    border-radius:
        50%;

    background:
        #20aa72;

    box-shadow:
        0 0 0 4px rgba(32, 170, 114, .11);
}


.pc-feature-preview-list {

    display:
        grid;

    gap:
        8px;

    margin-top:
        12px;
}


.pc-feature-preview-item {

    width:
        100%;

    padding:
        12px;

    border:
        1px solid transparent;

    border-radius:
        16px;

    display:
        grid;

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

    align-items:
        center;

    gap:
        12px;

    color:
        inherit;

    text-align:
        left;

    text-decoration:
        none;

    background:
        transparent;
}


button.pc-feature-preview-item {

    font:
        inherit;

    cursor:
        pointer;
}


.pc-feature-preview-item:hover {

    border-color:
        #dcf0f3;

    color:
        inherit;

    background:
        #f5fcfd;

    transform:
        translateX(2px);
}


.pc-feature-preview-icon {

    width:
        43px;

    height:
        43px;

    border-radius:
        14px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

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

    background:
        #e9fafd;
}


.pc-feature-preview-icon.is-portal {

    color:
        #275b84;

    background:
        #edf6ff;
}


.pc-feature-preview-icon.is-resource {

    color:
        #158264;

    background:
        #edf9f4;
}


.pc-feature-preview-icon.is-assessment {

    color:
        #986516;

    background:
        #fff8e8;
}


.pc-feature-preview-icon.is-question {

    color:
        #8b5aa8;

    background:
        #f8f0fd;
}


.pc-feature-preview-item strong {

    display:
        block;

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

    font-size:
        .8rem;

    line-height:
        1.35;
}


.pc-feature-preview-item small {

    display:
        block;

    margin-top:
        3px;

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

    font-size:
        .66rem;

    line-height:
        1.45;
}


.pc-feature-preview-item>i {

    color:
        #a1b3bd;

    font-size:
        .65rem;
}


/* =========================================================
   Shared sections
========================================================= */

.pc-feature-section {

    padding:
        92px 0;
}


.pc-feature-section-platform {

    background:
        #ffffff;
}


.pc-feature-section-all {

    background:
        linear-gradient(180deg,
            #f7fbfc,
            #f4f9fb);
}


.pc-feature-section-head {

    display:
        grid;

    grid-template-columns:
        minmax(0, 1fr) minmax(300px, .62fr);

    gap:
        48px;

    align-items:
        end;

    margin-bottom:
        43px;
}


.pc-feature-section-head.is-centered {

    display:
        block;

    max-width:
        840px;

    margin:
        0 auto 44px;

    text-align:
        center;
}


.pc-feature-section-kicker {

    display:
        inline-block;

    margin-bottom:
        10px;

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

    font-size:
        .7rem;

    font-weight:
        800;

    letter-spacing:
        .14em;

    text-transform:
        uppercase;
}


.pc-feature-section-head h2,

.pc-feature-journey-intro h2,

.pc-feature-final-shell h2 {

    margin:
        0;

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

    font-family:
        "Playfair Display",
        serif;

    font-size:
        clamp(2rem,
            3.7vw,
            3.55rem);

    line-height:
        1.12;

    letter-spacing:
        -.035em;
}


.pc-feature-section-head>p,

.pc-feature-section-head.is-centered>p {

    margin:
        0;

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

    font-size:
        .93rem;

    line-height:
        1.78;
}


.pc-feature-section-head.is-centered>p {

    max-width:
        710px;

    margin:
        17px auto 0;
}


/* =========================================================
   Major bento cards
========================================================= */

.pc-feature-bento {

    display:
        grid;

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

    gap:
        18px;
}


.pc-feature-major-card {

    position:
        relative;

    min-height:
        455px;

    padding:
        27px;

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

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

    display:
        flex;

    flex-direction:
        column;

    overflow:
        hidden;

    background:
        #ffffff;

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

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


.pc-feature-major-card::before {

    content:
        "";

    position:
        absolute;

    width:
        220px;

    height:
        220px;

    right:
        -125px;

    top:
        -135px;

    border:
        38px solid rgba(8, 184, 209, .045);

    border-radius:
        50%;

    pointer-events:
        none;
}


.pc-feature-major-card:hover {

    transform:
        translateY(-4px);

    border-color:
        #c3e4e9;

    box-shadow:
        0 20px 45px rgba(16, 42, 67, .075);
}


.pc-feature-major-card.is-portal {

    background:
        linear-gradient(145deg,
            #ffffff 55%,
            #f2f9ff);
}


.pc-feature-major-card.is-resources {

    background:
        linear-gradient(145deg,
            #ffffff 55%,
            #f0fbf7);
}


.pc-feature-major-card.is-assessment {

    background:
        linear-gradient(145deg,
            #ffffff 55%,
            #fffaf0);
}


.pc-feature-card-top {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;
}


.pc-feature-major-icon {

    width:
        55px;

    height:
        55px;

    border-radius:
        17px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #ffffff;

    background:
        linear-gradient(145deg,
            #113650,
            #08acc5);

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

    font-size:
        1.15rem;
}


.pc-feature-card-label {

    padding:
        6px 9px;

    border:
        1px solid #dbe9ed;

    border-radius:
        999px;

    color:
        #68808f;

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

    font-size:
        .62rem;

    font-weight:
        750;
}


.pc-feature-major-copy {

    margin-top:
        31px;
}


.pc-feature-major-copy h3 {

    margin:
        0;

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

    font-family:
        "Playfair Display",
        serif;

    font-size:
        1.55rem;

    line-height:
        1.25;
}


.pc-feature-major-copy p {

    margin:
        13px 0 0;

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

    font-size:
        .84rem;

    line-height:
        1.78;
}


.pc-feature-check-list {

    display:
        grid;

    gap:
        9px;

    margin:
        23px 0 0;

    padding:
        0;

    list-style:
        none;
}


.pc-feature-check-list li {

    display:
        flex;

    align-items:
        center;

    gap:
        9px;

    color:
        #506a7a;

    font-size:
        .75rem;

    font-weight:
        600;
}


.pc-feature-check-list i {

    width:
        20px;

    height:
        20px;

    border-radius:
        50%;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    color:
        #ffffff;

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

    font-size:
        .52rem;
}


.pc-feature-note {

    margin-top:
        25px;

    padding:
        12px 13px;

    border:
        1px solid #f0dfb4;

    border-radius:
        13px;

    display:
        flex;

    align-items:
        center;

    gap:
        8px;

    color:
        #78602d;

    background:
        rgba(255, 248, 229, .76);

    font-size:
        .71rem;

    line-height:
        1.5;
}


.pc-feature-card-action {

    width:
        fit-content;

    margin-top:
        auto;

    padding-top:
        25px;

    border:
        0;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        8px;

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

    background:
        transparent;

    font-size:
        .76rem;

    font-weight:
        800;

    text-decoration:
        none;
}


.pc-feature-card-action:hover {

    color:
        var(--pc-feature-navy);
}


.pc-feature-card-button {

    cursor:
        pointer;

    font-family:
        inherit;
}


/* =========================================================
   Smaller feature grid
========================================================= */

.pc-feature-grid {

    display:
        grid;

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

    gap:
        15px;
}


.pc-feature-small-card {

    min-height:
        295px;

    padding:
        22px;

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

    border-radius:
        20px;

    display:
        flex;

    flex-direction:
        column;

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

    box-shadow:
        0 7px 20px rgba(15, 35, 52, .032);

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


.pc-feature-small-card:hover {

    transform:
        translateY(-3px);

    border-color:
        #bfe2e8;

    box-shadow:
        0 15px 31px rgba(15, 35, 52, .065);
}


.pc-feature-small-icon {

    width:
        46px;

    height:
        46px;

    border-radius:
        14px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

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

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

    font-size:
        1rem;
}


.pc-feature-small-card h3 {

    margin:
        20px 0 0;

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

    font-family:
        "Playfair Display",
        serif;

    font-size:
        1.08rem;

    line-height:
        1.34;
}


.pc-feature-small-card p {

    margin:
        10px 0 0;

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

    font-size:
        .76rem;

    line-height:
        1.7;
}


.pc-feature-small-card a {

    width:
        fit-content;

    margin-top:
        auto;

    padding-top:
        19px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        7px;

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

    font-size:
        .7rem;

    font-weight:
        800;

    text-decoration:
        none;
}


.pc-feature-small-card a:hover {

    color:
        var(--pc-feature-navy);
}


/* =========================================================
   Journey
========================================================= */

.pc-feature-journey {

    padding:
        92px 0;

    background:
        #ffffff;
}


.pc-feature-journey-shell {

    padding:
        clamp(28px,
            5vw,
            56px);

    border:
        1px solid #dce9ed;

    border-radius:
        30px;

    display:
        grid;

    grid-template-columns:
        minmax(0, .8fr) minmax(430px, 1.2fr);

    gap:
        clamp(38px,
            7vw,
            85px);

    align-items:
        center;

    background:
        linear-gradient(135deg,
            #f7fcfd,
            #ffffff 55%,
            #f4fafb);

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


.pc-feature-journey-intro p {

    margin:
        17px 0 0;

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

    font-size:
        .86rem;

    line-height:
        1.78;
}


.pc-feature-journey-steps {

    display:
        grid;

    gap:
        0;

    margin:
        0;

    padding:
        0;

    list-style:
        none;
}


.pc-feature-journey-steps li {

    position:
        relative;

    display:
        grid;

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

    gap:
        17px;

    padding:
        18px 0;
}


.pc-feature-journey-steps li:not(:last-child) {

    border-bottom:
        1px solid #e8eff2;
}


.pc-feature-journey-steps>li>span {

    width:
        43px;

    height:
        43px;

    border-radius:
        14px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

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

    background:
        #eafafd;

    font-size:
        .68rem;

    font-weight:
        850;
}


.pc-feature-journey-steps strong {

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

    font-size:
        .88rem;
}


.pc-feature-journey-steps p {

    margin:
        5px 0 0;

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

    font-size:
        .74rem;

    line-height:
        1.65;
}


/* =========================================================
   Final CTA
========================================================= */

.pc-feature-final-cta {

    padding:
        0 0 94px;

    background:
        #ffffff;
}


.pc-feature-final-shell {

    position:
        relative;

    padding:
        clamp(32px,
            5vw,
            57px);

    border-radius:
        30px;

    display:
        grid;

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

    align-items:
        center;

    gap:
        42px;

    overflow:
        hidden;

    color:
        #ffffff;

    background:
        linear-gradient(125deg,
            #0e2b43,
            #0a5c6d 72%,
            #088da4);

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


.pc-feature-final-shell::after {

    content:
        "";

    position:
        absolute;

    width:
        330px;

    height:
        330px;

    right:
        -190px;

    bottom:
        -210px;

    border:
        55px solid rgba(255, 255, 255, .055);

    border-radius:
        50%;
}


.pc-feature-final-shell>div {

    position:
        relative;

    z-index:
        1;
}


.pc-feature-final-shell>div>span {

    display:
        inline-block;

    margin-bottom:
        10px;

    color:
        #85dfeb;

    font-size:
        .68rem;

    font-weight:
        800;

    letter-spacing:
        .15em;

    text-transform:
        uppercase;
}


.pc-feature-final-shell h2 {

    max-width:
        690px;

    color:
        #ffffff;
}


.pc-feature-final-shell p {

    max-width:
        700px;

    margin:
        16px 0 0;

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

    font-size:
        .84rem;

    line-height:
        1.75;
}


.pc-feature-final-actions {

    display:
        flex;

    align-items:
        center;

    justify-content:
        flex-end;

    flex-wrap:
        wrap;

    gap:
        9px;
}


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

.pc-feature-page a:focus-visible,

.pc-feature-page button:focus-visible {

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

    outline-offset:
        3px;
}


/* =========================================================
   Large tablet
========================================================= */

@media (max-width: 1199.98px) {

    .pc-feature-grid {

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

}


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

@media (max-width: 991.98px) {

    .pc-feature-hero {

        padding:
            38px 0 72px;
    }


    .pc-feature-hero-grid {

        grid-template-columns:
            1fr;

        gap:
            42px;
    }


    .pc-feature-platform-preview {

        max-width:
            690px;
    }


    .pc-feature-section {

        padding:
            74px 0;
    }


    .pc-feature-section-head {

        grid-template-columns:
            1fr;

        gap:
            16px;
    }


    .pc-feature-bento {

        grid-template-columns:
            1fr;
    }


    .pc-feature-major-card {

        min-height:
            0;
    }


    .pc-feature-journey {

        padding:
            74px 0;
    }


    .pc-feature-journey-shell {

        grid-template-columns:
            1fr;
    }


    .pc-feature-final-shell {

        grid-template-columns:
            1fr;
    }


    .pc-feature-final-actions {

        justify-content:
            flex-start;
    }

}


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

@media (max-width: 767.98px) {

    .pc-feature-hero {

        padding:
            28px 0 58px;
    }


    .pc-feature-breadcrumb {

        margin-bottom:
            31px;
    }


    .pc-feature-hero-copy h1 {

        font-size:
            clamp(2.65rem,
                13vw,
                4rem);
    }


    .pc-feature-hero-lead {

        font-size:
            .94rem;

        line-height:
            1.75;
    }


    .pc-feature-hero-actions {

        display:
            grid;

        grid-template-columns:
            1fr;
    }


    .pc-feature-btn {

        width:
            100%;
    }


    .pc-feature-trust-row {

        display:
            grid;

        gap:
            10px;
    }


    .pc-feature-platform-preview {

        padding:
            15px;

        border-radius:
            22px;
    }


    .pc-feature-preview-head {

        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .pc-feature-preview-item {

        padding:
            10px;
    }


    .pc-feature-section {

        padding:
            60px 0;
    }


    .pc-feature-grid {

        grid-template-columns:
            1fr;
    }


    .pc-feature-small-card {

        min-height:
            0;
    }


    .pc-feature-journey {

        padding:
            60px 0;
    }


    .pc-feature-final-cta {

        padding-bottom:
            65px;
    }


    .pc-feature-final-actions {

        display:
            grid;

        grid-template-columns:
            1fr;

        width:
            100%;
    }

}


/* =========================================================
   Small mobile
========================================================= */

@media (max-width: 480px) {

    .pc-feature-platform-preview {

        margin-left:
            -3px;

        margin-right:
            -3px;
    }


    .pc-feature-preview-icon {

        width:
            39px;

        height:
            39px;

        border-radius:
            12px;
    }


    .pc-feature-major-card {

        padding:
            22px;

        border-radius:
            20px;
    }


    .pc-feature-major-icon {

        width:
            49px;

        height:
            49px;
    }


    .pc-feature-card-label {

        font-size:
            .57rem;
    }


    .pc-feature-journey-shell,

    .pc-feature-final-shell {

        border-radius:
            23px;
    }

}


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

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

    .pc-feature-page * {

        scroll-behavior:
            auto !important;
    }


    .pc-feature-major-card,

    .pc-feature-small-card,

    .pc-feature-preview-item,

    .pc-feature-btn {

        transition:
            none;
    }

}