:root{
    --athena-purple:#5F249F;
    --athena-purple-dark:#3F176C;
    --athena-purple-mid:#6F2C91;
    --athena-purple-light:#F3ECFA;
    --athena-hero:#2E155F;
    --athena-green:#16803C;
    --athena-green-dark:#0F6E31;
    --athena-green-light:#EAF7EE;
    --athena-red:#B94A4A;
    --athena-red-light:#FFF4F2;
    --background:#F7F7FA;
    --surface:#FFFFFF;
    --text:#1F1F29;
    --muted:#4F4B5C;
    --border:#E7E2EE;
    --shadow:0 10px 28px rgba(44,31,72,.10), 0 2px 8px rgba(44,31,72,.06);
    --radius-lg:16px;
    --radius-md:12px;
    --content-width:1120px;
}

*{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    font-family:"Segoe UI", Arial, Helvetica, sans-serif;
    background:var(--background);
    color:var(--text);
    font-size:16px;
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

a{
    color:inherit;
}

a:focus-visible{
    outline:3px solid rgba(95,36,159,.35);
    outline-offset:4px;
}

.hero{
    background:
        radial-gradient(circle at 90% 80%, rgba(147,89,211,.42) 0 18%, transparent 19%),
        radial-gradient(circle at 8% 125%, rgba(126,78,175,.45) 0 28%, transparent 29%),
        linear-gradient(135deg, var(--athena-hero) 0%, var(--athena-purple-dark) 55%, var(--athena-purple) 100%);
    color:#FFFFFF;
    padding:44px 24px 54px;
}

.hero-inner{
    width:min(100%, var(--content-width));
    margin:0 auto;
    text-align:center;
    position:relative;
}

.brand{
    display:flex;
    align-items:center;
    gap:8px;
    position:absolute;
    left:0;
    top:0;
    font-size:1.5rem;
    font-weight:700;
    letter-spacing:-.03em;
}

.brand-mark{
    color:#9ACA3C;
    font-size:1.15rem;
    transform:rotate(45deg);
    display:inline-block;
}

.brand-text{
    color:#FFFFFF;
}

.hero h1{
    margin:28px auto 12px;
    max-width:900px;
    font-size:clamp(2.25rem, 4vw, 3.4rem);
    line-height:1.08;
    font-weight:750;
    letter-spacing:-.04em;
}

.hero p{
    margin:0 auto;
    max-width:720px;
    font-size:clamp(1.05rem, 1.7vw, 1.35rem);
    line-height:1.45;
    color:rgba(255,255,255,.94);
}

.page-shell{
    width:min(100%, var(--content-width));
    margin:0 auto;
    padding:36px 24px 56px;
}

.card{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow);
}

.sspr-card{
    padding:34px 40px;
    margin-bottom:20px;
}

.sspr-content{
    max-width:840px;
    margin:0 auto;
    text-align:center;
}

.sspr-icon{
    width:112px;
    height:112px;
    margin:0 auto 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:var(--athena-purple-light);
    color:var(--athena-purple-mid);
}

.sspr-icon svg{
    width:64px;
    height:64px;
}

.sspr-card h2,
.secondary-card h2,
.requirements-card h2,
.avoid-card h2{
    margin:0;
    font-size:clamp(1.55rem, 2.2vw, 2rem);
    line-height:1.2;
    letter-spacing:-.03em;
    font-weight:750;
}

.sspr-card h2,
.secondary-card h2,
.requirements-card h2{
    color:var(--athena-purple-mid);
}

.avoid-card h2{
    color:var(--athena-red);
}

.sspr-description{
    max-width:760px;
    margin:12px auto 18px;
    color:var(--text);
    font-size:1.05rem;
}

.sspr-list{
    list-style:none;
    padding:0;
    margin:0 auto 24px;
    display:grid;
    grid-template-columns:repeat(4, max-content);
    justify-content:center;
    gap:14px 28px;
}

.sspr-list li{
    display:flex;
    align-items:center;
    gap:8px;
    color:var(--text);
    white-space:nowrap;
}

.sspr-list li::before{
    content:"✓";
    width:22px;
    height:22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:2px solid var(--athena-purple-mid);
    border-radius:50%;
    color:var(--athena-purple-mid);
    font-size:.85rem;
    font-weight:800;
    flex:0 0 auto;
}

.sspr-cta{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    width:100%;
    max-width:560px;
    min-height:62px;
    margin:0 auto;
    padding:18px 30px;
    border-radius:10px;
    background:linear-gradient(135deg, var(--athena-green) 0%, #219447 100%);
    color:#FFFFFF;
    text-decoration:none;
    font-size:1.15rem;
    font-weight:750;
    box-shadow:0 12px 26px rgba(22,128,60,.28), 0 4px 10px rgba(22,128,60,.20);
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.sspr-cta:hover{
    transform:translateY(-2px);
    background:linear-gradient(135deg, var(--athena-green-dark) 0%, var(--athena-green) 100%);
    box-shadow:0 16px 34px rgba(22,128,60,.34), 0 5px 14px rgba(22,128,60,.24);
}

.info-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-top:20px;
}

.secondary-card,
.requirements-card,
.avoid-card{
    padding:28px 30px;
    min-height:100%;
}

.secondary-card p{
    margin:8px 0 18px;
    color:var(--text);
}

.action-link{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    width:100%;
    min-height:52px;
    margin-top:12px;
    padding:14px 18px;
    border-radius:10px;
    background:var(--athena-purple-light);
    color:var(--athena-purple-dark);
    text-decoration:none;
    font-weight:700;
    transition:background .18s ease, transform .18s ease;
}

.action-link:hover{
    background:#E9DDF6;
    transform:translateY(-1px);
}

.action-link span{
    color:var(--athena-purple-mid);
    font-size:1.8rem;
    line-height:1;
}

.support-block{
    margin:18px 0;
}

.support-label{
    display:block;
    margin-bottom:2px;
    color:var(--muted);
    font-size:.95rem;
    font-weight:700;
}

.phone-link{
    display:inline-block;
    color:var(--athena-purple-mid);
    text-decoration:none;
    font-size:1rem;
    line-height:1.1;
    font-weight:800;
    letter-spacing:-.02em;
}

.phone-link:hover{
    text-decoration:underline;
}

.guidance-grid{
    align-items:stretch;
}

.requirements-card{
    background:var(--athena-purple-light);
}

.avoid-card{
    background:var(--athena-red-light);
}

.requirements-card ul,
.avoid-card ul{
    margin:14px 0 0 20px;
    padding:0;
}

.requirements-card li,
.avoid-card li{
    margin-bottom:8px;
}

@media (max-width:900px){
    .hero{
        padding:34px 20px 44px;
    }

    .brand{
        position:static;
        justify-content:center;
        margin-bottom:22px;
    }

    .hero h1{
        margin-top:0;
    }

    .page-shell{
        padding:24px 18px 44px;
    }

    .sspr-card{
        padding:28px 22px;
    }

    .sspr-icon{
        width:92px;
        height:92px;
    }

    .sspr-icon svg{
        width:54px;
        height:54px;
    }

    .sspr-list{
        grid-template-columns:1fr;
        justify-content:stretch;
        text-align:left;
        max-width:320px;
    }

    .sspr-list li{
        white-space:normal;
    }

    .sspr-cta{
        max-width:100%;
        min-height:58px;
        font-size:1.05rem;
        padding:16px 22px;
    }

    .info-grid{
        grid-template-columns:1fr;
    }

    .secondary-card,
    .requirements-card,
    .avoid-card{
        padding:24px;
    }

    .phone-link{
        font-size:1.55rem;
    }
}

@media (max-width:480px){
    .hero{
        padding:28px 16px 38px;
    }

    .page-shell{
        padding:20px 14px 36px;
    }

    .sspr-card h2,
    .secondary-card h2,
    .requirements-card h2,
    .avoid-card h2{
        font-size:1.45rem;
    }

    .secondary-card,
    .requirements-card,
    .avoid-card{
        padding:22px 20px;
    }
}