@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Roboto:wght@400;500;700;900&display=swap');

:root{
    --aed-navy:#113f2c;
    --aed-navy-dark:#0b3222;
    --aed-green:#718f62;
    --aed-green-dark:#58764d;
    --aed-orange:#ff6b2c;
    --aed-rose:#ef807f;
    --aed-pink:#ef6c87;
    --aed-blue:#557aa5;
    --aed-purple:#9666af;
    --aed-text:#334c40;
    --aed-muted:#6d7e75;
    --aed-border:#e2e8e1;
    --aed-soft:#f8faf7;
    --aed-white:#fff;
}

.aed-page,
.aed-page *{
    box-sizing:border-box;
}

.aed-page{
    width:min(100% - 32px,1420px);
    margin:0 auto;
    padding:18px 0 34px;
    color:var(--aed-text);
    font-family:'Roboto',Arial,sans-serif;
}

.aed-page a{
    color:inherit;
}

/* HERO */

.aed-hero{
    display:grid;
    grid-template-columns:minmax(0,45%) minmax(0,55%);
    min-height:450px;
    overflow:hidden;
    background:#fff;
    border:1px solid var(--aed-border);
    border-radius:16px;
    box-shadow:0 10px 35px rgba(40,70,50,.08);
}

.aed-hero-copy{
    position:relative;
    z-index:2;
    padding:30px 36px 30px 42px;
    background:
        radial-gradient(circle at 8% 12%,rgba(255,107,44,.07),transparent 24%),
        linear-gradient(90deg,#fff 0%,#fff 86%,rgba(255,255,255,.86) 100%);
}

.aed-breadcrumb{
    display:flex;
    align-items:center;
    gap:7px;
    margin-bottom:19px;
    color:#6a7c72;
    font-size:12px;
}

.aed-breadcrumb a{
    text-decoration:none;
}

.aed-eyebrow{
    display:block;
    margin-bottom:7px;
    color:var(--aed-orange);
    font-size:11px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.aed-hero h1{
    margin:0;
    color:var(--aed-navy);
    font-size:clamp(42px,5vw,72px);
    font-weight:900;
    letter-spacing:-2px;
    line-height:.95;
}

.aed-hero-script{
    display:flex;
    align-items:center;
    gap:8px;
    margin:9px 0 15px;
    color:var(--aed-orange);
    font-family:'Caveat',cursive;
    font-size:clamp(30px,3vw,46px);
    font-weight:600;
    line-height:1;
}

.aed-hero-script span{
    font-family:Arial,sans-serif;
    font-size:30px;
}

.aed-hero-text{
    max-width:590px;
    margin:0 0 11px;
    color:#405e4d;
    font-size:14px;
    line-height:1.7;
}

.aed-hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:11px;
    margin-top:20px;
}

.aed-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:45px;
    padding:10px 18px;
    border:1px solid transparent;
    border-radius:7px;
    font-size:12px;
    font-weight:900;
    text-decoration:none;
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.aed-button:hover{
    transform:translateY(-1px);
}

.aed-button-primary{
    color:#fff!important;
    background:linear-gradient(135deg,#7d9b6d,#647f59);
    box-shadow:0 7px 18px rgba(85,116,74,.22);
}

.aed-button-secondary{
    color:var(--aed-navy);
    background:#fff;
    border-color:#c8d4c7;
}

.aed-button-green{
    color:#fff!important;
    background:linear-gradient(135deg,#819d6e,#66845a);
    box-shadow:0 7px 18px rgba(85,116,74,.18);
}

.aed-hero-benefits{
    display:flex;
    flex-wrap:wrap;
    gap:8px 16px;
    margin:16px 0 0;
    padding:0;
    color:#60756a;
    font-size:10px;
    list-style:none;
}

.aed-hero-benefits span{
    color:#6ca15c;
    font-weight:900;
}

.aed-hero-media{
    position:relative;
    min-width:0;
    min-height:450px;
    overflow:hidden;
}

.aed-hero-media::before{
    position:absolute;
    inset:0 auto 0 0;
    z-index:1;
    width:100px;
    content:"";
    background:linear-gradient(90deg,#fff,transparent);
}

.aed-hero-media img{
    display:block;
    width:100%;
    height:100%;
    min-height:450px;
    object-fit:cover;
}

.aed-hero-message{
    position:absolute;
    left:8%;
    bottom:13%;
    z-index:2;
    display:flex;
    color:#fff;
    font-family:'Caveat',cursive;
    font-size:clamp(24px,2.5vw,39px);
    line-height:.96;
    text-shadow:0 2px 7px rgba(0,0,0,.4);
    flex-direction:column;
    transform:rotate(-3deg);
}

.aed-hero-message::after{
    width:100%;
    height:4px;
    margin-top:8px;
    content:"";
    background:var(--aed-orange);
    border-radius:999px;
}

.aed-family-label{
    position:absolute;
    right:18px;
    bottom:18px;
    z-index:3;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-width:255px;
    padding:10px 12px;
    color:#415b4b;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(255,255,255,.85);
    border-radius:10px;
    box-shadow:0 8px 25px rgba(34,55,40,.16);
}

.aed-family-label > span{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    color:#729362;
    font-size:24px;
    background:#edf4ea;
    border-radius:8px;
}

.aed-family-label div{
    display:flex;
    flex-direction:column;
}

.aed-family-label strong{
    font-size:11px;
}

.aed-family-label small{
    margin-top:2px;
    color:#6d7d73;
    font-size:9px;
}

.aed-family-label i{
    color:var(--aed-orange);
    font-size:24px;
    font-style:normal;
}

/* SECTIONS */

.aed-benefits,
.aed-life,
.aed-stories{
    margin-top:18px;
    padding:22px;
    background:#fff;
    border:1px solid var(--aed-border);
    border-radius:13px;
    box-shadow:0 5px 20px rgba(40,70,50,.04);
}

.aed-section-heading{
    margin-bottom:18px;
    text-align:center;
}

.aed-section-heading > span{
    display:block;
    margin-bottom:4px;
    color:var(--aed-orange);
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.aed-section-heading h2{
    margin:0;
    color:var(--aed-navy);
    font-size:24px;
    font-weight:900;
}

/* BENEFITS */

.aed-benefit-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
}

.aed-benefit-grid article{
    padding:15px 13px;
    text-align:center;
    background:#fbfcfa;
    border:1px solid #e5eae4;
    border-radius:10px;
}

.aed-benefit-icon{
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    margin:0 auto 9px;
    font-size:24px;
    border-radius:50%;
}

.aed-icon-pink{color:#d86c76;background:#fff0f2}
.aed-icon-orange{color:#f08a5c;background:#fff2ea}
.aed-icon-green{color:#79a665;background:#eff7ec}
.aed-icon-navy{color:#456e5a;background:#edf4f0}
.aed-icon-purple{color:#8c68a1;background:#f5eff8}

.aed-benefit-grid h3{
    margin:0 0 6px;
    color:var(--aed-navy);
    font-size:12px;
}

.aed-benefit-grid p{
    margin:0;
    color:#687b70;
    font-size:9px;
    line-height:1.5;
}

/* LIFE */

.aed-life-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.aed-life-grid article{
    overflow:hidden;
    background:#fff;
    border:1px solid #e1e7df;
    border-radius:10px;
    box-shadow:0 5px 14px rgba(40,70,50,.04);
}

.aed-life-heading{
    display:flex;
    align-items:center;
    gap:8px;
    padding:12px 12px 5px;
}

.aed-life-heading > span{
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    color:#739061;
    font-size:16px;
    background:#edf4ea;
    border-radius:50%;
}

.aed-life-heading h3{
    margin:0;
    color:var(--aed-navy);
    font-size:11px;
}

.aed-life-grid article > p{
    min-height:55px;
    margin:0;
    padding:0 12px 11px 48px;
    color:#6d7e74;
    font-size:9px;
    line-height:1.45;
}

.aed-life-grid img{
    display:block;
    width:100%;
    aspect-ratio:1.45/1;
    object-fit:cover;
}

/* STORIES */

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

.aed-story-grid article{
    min-height:170px;
    padding:17px;
    background:#fbfcfa;
    border:1px solid #e5eae4;
    border-radius:10px;
}

.aed-story-grid article > p{
    margin:0 0 18px;
    color:#465f51;
    font-size:11px;
    font-style:italic;
    line-height:1.65;
}

.aed-story-grid footer{
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto;
    align-items:center;
    gap:9px;
}

.aed-story-grid footer img{
    width:40px;
    height:40px;
    object-fit:cover;
    border-radius:50%;
}

.aed-story-grid footer span{
    display:flex;
    color:#74847b;
    font-size:9px;
    flex-direction:column;
}

.aed-story-grid footer strong{
    color:var(--aed-navy);
}

.aed-story-grid footer i{
    color:var(--aed-orange);
    font-size:25px;
    font-style:normal;
}

/* JUSTLYKKE */

.aed-justlykke{
    display:grid;
    grid-template-columns:minmax(0,45%) minmax(0,55%);
    min-height:345px;
    margin-top:18px;
    overflow:hidden;
    background:
        linear-gradient(105deg,#fff9f4,#fff 57%,#f6f2ea);
    border:1px solid #f0c7ac;
    border-radius:14px;
    box-shadow:0 8px 25px rgba(100,70,45,.06);
}

.aed-justlykke-copy{
    padding:28px 30px 26px;
}

.aed-justlykke-copy h2{
    margin:0 0 9px;
    color:#3f4d42;
    font-size:27px;
    font-weight:900;
}

.aed-justlykke-intro{
    margin:0;
    color:#59685f;
    font-size:12px;
    line-height:1.65;
}

.aed-justlykke-brand{
    display:flex;
    margin-top:17px;
    flex-direction:column;
}

.aed-justlykke-brand strong{
    color:#b66e60;
    font-family:'Caveat',cursive;
    font-size:40px;
    font-weight:600;
    line-height:1;
}

.aed-justlykke-brand span{
    margin-top:3px;
    color:#5e6d63;
    font-size:11px;
}

.aed-justlykke-copy ul{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px 12px;
    margin:16px 0 18px;
    padding:0;
    color:#64736a;
    font-size:9px;
    list-style:none;
}

.aed-justlykke-copy li::before{
    margin-right:6px;
    color:#7ca36d;
    content:"✓";
    font-weight:900;
}

.aed-justlykke-media{
    position:relative;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    min-width:0;
    padding:18px 24px 0;
}

.aed-justlykke-media img{
    display:block;
    width:min(100%,700px);
    height:auto;
}

.aed-justlykke-badge{
    position:absolute;
    left:2%;
    bottom:12%;
    display:grid;
    place-items:center;
    width:128px;
    height:128px;
    color:#526156;
    font-family:'Caveat',cursive;
    font-size:17px;
    line-height:1.05;
    text-align:center;
    background:rgba(255,255,255,.93);
    border:1px solid #cfd9ce;
    border-radius:50%;
    transform:rotate(-6deg);
}

.aed-justlykke-badge i{
    color:var(--aed-orange);
    font-size:22px;
    font-style:normal;
}

/* CTA */

.aed-final-cta{
    display:grid;
    grid-template-columns:54px minmax(0,1fr) auto;
    align-items:center;
    gap:15px;
    margin-top:18px;
    padding:18px 24px;
    background:linear-gradient(135deg,#fff6f0,#fff);
    border:1px solid #f1d0bd;
    border-radius:12px;
}

.aed-final-icon{
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    color:#ef8b7f;
    font-size:34px;
    background:#fff;
    border:2px solid #f0b7ae;
    border-radius:50%;
}

.aed-final-cta h2{
    margin:0 0 4px;
    color:var(--aed-navy);
    font-size:18px;
}

.aed-final-cta p{
    margin:0;
    color:#6e7e74;
    font-size:10px;
}

/* TRUST */

.aed-trust{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin-top:14px;
    background:#fff;
    border:1px solid var(--aed-border);
    border-radius:11px;
}

.aed-trust article{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    gap:10px;
    padding:15px;
    border-right:1px solid #e5ebe4;
}

.aed-trust article:last-child{
    border-right:0;
}

.aed-trust article > span{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    color:#6b9a5b;
    font-size:22px;
    background:#eff7ed;
    border-radius:50%;
}

.aed-trust h2{
    margin:0 0 4px;
    color:var(--aed-navy);
    font-size:10px;
}

.aed-trust p{
    margin:0;
    color:#718078;
    font-size:8px;
    line-height:1.45;
}

/* RESPONSIVE */

@media (max-width:1100px){

    .aed-benefit-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

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

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

    .aed-trust article:nth-child(2){
        border-right:0;
    }

    .aed-trust article:nth-child(-n+2){
        border-bottom:1px solid #e5ebe4;
    }
}

@media (max-width:900px){

    .aed-page{
        width:min(100% - 20px,760px);
    }

    .aed-hero,
    .aed-justlykke{
        grid-template-columns:1fr;
    }

    .aed-hero-media,
    .aed-hero-media img{
        min-height:360px;
    }

    .aed-hero-media::before{
        display:none;
    }

    .aed-justlykke-media{
        min-height:300px;
    }

    .aed-story-grid{
        grid-template-columns:1fr 1fr;
    }

    .aed-story-grid article:last-child{
        grid-column:1/-1;
    }
}

@media (max-width:620px){

    .aed-page{
        width:min(100% - 14px,520px);
        padding-top:8px;
    }

    .aed-hero-copy{
        padding:22px 17px;
    }

    .aed-hero h1{
        font-size:43px;
    }

    .aed-hero-actions{
        flex-direction:column;
    }

    .aed-button{
        width:100%;
    }

    .aed-hero-media,
    .aed-hero-media img{
        min-height:310px;
    }

    .aed-family-label{
        right:10px;
        left:10px;
        min-width:0;
    }

    .aed-benefit-grid,
    .aed-life-grid,
    .aed-story-grid,
    .aed-trust{
        grid-template-columns:1fr;
    }

    .aed-benefits,
    .aed-life,
    .aed-stories{
        padding:16px 12px;
    }

    .aed-section-heading h2{
        font-size:21px;
    }

    .aed-story-grid article:last-child{
        grid-column:auto;
    }

    .aed-justlykke-copy{
        padding:22px 17px;
    }

    .aed-justlykke-copy h2{
        font-size:23px;
    }

    .aed-justlykke-copy ul{
        grid-template-columns:1fr;
    }

    .aed-justlykke-badge{
        left:12px;
        width:108px;
        height:108px;
        font-size:15px;
    }

    .aed-final-cta{
        grid-template-columns:1fr;
        text-align:center;
    }

    .aed-final-icon{
        margin:0 auto;
    }

    .aed-trust article,
    .aed-trust article:nth-child(2),
    .aed-trust article:nth-child(-n+2){
        border-right:0;
        border-bottom:1px solid #e5ebe4;
    }

    .aed-trust article:last-child{
        border-bottom:0;
    }
}