/* Load the shared stylesheet before the page stylesheet. */

main .egg-benefit-grid {
display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

main .egg-benefit-grid article {
border:1px solid var(--line);
    border-radius:var(--radius);
    text-align:center;
    padding:16px 12px;
    box-shadow:var(--shadow-sm);
    transition:var(--transition);
    background:#fff;
}

main .egg-benefit-grid article:hover {
transform:translateY(-3px);
    box-shadow:var(--shadow);
    border-color:var(--purple-soft);
}

main .egg-benefit-grid a {
display:block;
    color:inherit;
}

main .egg-benefit-grid img {
width:54px;
    height:54px;
    margin:0 auto;
}

main .egg-benefit-grid h3 {
font-size:13px;
    line-height:1.35;
    margin:10px 0 5px;
    font-weight:800;
}

main .egg-benefit-grid p {
font-size:11.5px;
    line-height:1.55;
    color:var(--text);
    margin:0;
}

main .egg-why-grid {
display:grid;
    grid-template-columns:1fr;
    gap:8px;
}

main .egg-why-grid article {
display:grid;
    grid-template-columns:60px 1fr;
    grid-template-areas:
        "icon title"
        "icon desc";
    text-align:left;
    padding:16px;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:#fff;
    box-shadow:var(--shadow-sm);
    transition:var(--transition);
    align-items:center;
    column-gap:14px;
}

main .egg-why-grid article:hover {
transform:translateY(-3px);
    box-shadow:var(--shadow);
    border-color:var(--purple-soft);
}

main .egg-why-grid article img {
grid-area:icon;
    width:60px;
    height:60px;
    margin:0;
    align-self:center;
}

main .egg-why-grid article h3 {
grid-area:title;
    font-size:14.5px;
    line-height:1.35;
    margin:0 0 5px;
    font-weight:800;
    color:var(--navy);
}

main .egg-why-grid article p {
grid-area:desc;
    font-size:12.5px;
    line-height:1.6;
    color:var(--text);
    margin:0;
}

main .egg-package-card {
border:1px solid var(--line);
    border-radius:var(--radius);
    padding:20px 18px;
    min-height:auto;
    text-align:left;
    display:grid;
    grid-template-columns:60px 1fr;
    grid-template-areas:
        "icon title"
        "list list"
        "btn btn";
    align-items:center;
    column-gap:14px;
    row-gap:14px;
    position:relative;
    box-shadow:var(--shadow-sm);
    background:#fff;
    transition:var(--transition);
}

main .egg-package-card:hover {
transform:translateY(-3px);
    box-shadow:var(--shadow);
}

main .egg-package-card.featured {
border:2px solid var(--purple);
    box-shadow:0 12px 30px var(--purple-glow);
}

main .egg-package-card>img {
grid-area:icon;
    width:60px;
    height:60px;
    margin:0;
}

main .egg-package-card h3 {
grid-area:title;
    font-size:16px;
    margin:0;
    font-weight:800;
    line-height:1.35;
    text-align:left;
}

main .egg-package-card ul {
grid-area:list;
    font-size:13px;
    line-height:2;
    text-align:left;
    width:100%;
    padding:0;
    color:var(--text);
    margin:0;
    list-style:none;
}

main .egg-package-card ul li {
position:relative;
    padding-left:22px;
}

main .egg-package-card ul li:before {
content:"✓";
    position:absolute;
    left:0;
    top:0;
    color:var(--teal);
    font-weight:800;
    font-size:14px;
}

main .egg-package-card>a {
grid-area:btn;
    margin-top:0;
    width:100%;
    height:40px;
    border:1.5px solid var(--teal);
    border-radius:var(--radius-sm);
    color:var(--teal);
    display:grid;
    place-items:center;
    font-size:13.5px;
    font-weight:800;
    transition:var(--transition);
}

main .egg-package-card>a:hover {
background:var(--teal);
    color:#fff;
}

main .egg-package-card>a.filled {
background:var(--purple);
    color:#fff;
    border-color:var(--purple);
}

main .egg-package-card>a.filled:hover {
background:var(--purple-dark);
}

main .egg-faq-grid {
display:grid;
    gap:10px;
}

@media(min-width:700) {
main .egg-why-grid {
grid-template-columns:repeat(2,1fr);
}
}

@media(min-width:900px) {
main .egg-benefit-grid {
grid-template-columns:repeat(4,1fr);
    gap:14px;
}
.package-journey{
    grid-template-columns:repeat(1,1fr);
}
}

@media(min-width:900px) {
main .egg-benefit-grid img {
width:68px;
    height:68px;
}
}

@media(min-width:900px) {
main .egg-benefit-grid h3 {
font-size:14.5px;
    margin-top:14px;
    line-height:1.4;
}
}

@media(min-width:900px) {
main .egg-benefit-grid p {
font-size:12.5px;
    line-height:1.6;
}
}

@media(min-width:900px) {
main .egg-benefit-grid article {
padding:22px 14px;
}
}

@media(min-width:900px) {
main .egg-why-grid {
grid-template-columns:repeat(2,1fr);
    gap:8px;
}
}

@media(min-width:900px) {
main .egg-why-grid article {
display:block;
    text-align:center;
    padding:22px 16px;
}
}

@media(min-width:900px) {
main .egg-why-grid article img {
width:68px;
    height:68px;
    margin:0 auto;
}
}

@media(min-width:900px) {
main .egg-why-grid article h3 {
font-size:14.5px;
    text-align:center;
    margin:14px 0 8px;
    line-height:1.4;
}
}

@media(min-width:900px) {
main .egg-why-grid article p {
font-size:12.5px;
    text-align:center;
    line-height:1.65;
}
}

@media(min-width:900px) {
main .egg-package-card {
display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:26px 18px;
    min-height:380px;
}
}

@media(min-width:900px) {
main .egg-package-card>img {
width:72px;
    height:72px;
}
}

@media(min-width:900px) {
main .egg-package-card h3 {
font-size:16.5px;
    text-align:center;
    margin:10px 0 12px;
    line-height:1.4;
}
}

@media(min-width:900px) {
main .egg-package-card ul {
font-size:13px;
    padding-left:18px;
    line-height:1.9;
}
}

@media(min-width:900px) {
main .egg-package-card ul li {
padding-left:4px;
}
}

@media(min-width:900px) {
main .egg-package-card ul li:before {
left:-16px;
}
}

@media(min-width:900px) {
main .egg-package-card>a {
margin-top:auto;
    height:46px;
    font-size:13.5px;
}
}

@media(min-width:900px) {
main .egg-faq-grid {
grid-template-columns:1fr 1fr;
    gap:14px 22px;
}
}

@media(min-width:1200px) {
main .egg-why-grid {
grid-template-columns:repeat(4,1fr);
}
}