/* ==========================================================
   WHY NOT GODDESS
   STYLE.CSS
   Part 1 / Base
========================================================== */

:root {

    --bg: #fff9f6;
    --bg-soft: #fffdfb;

    --pink: #f7c8d7;
    --pink-dark: #dd89aa;

    --yellow: #ffe8a7;

    --text: #3f3f46;
    --text-light: #6d6d74;

    --glass: rgba(255,255,255,.55);

    --border: rgba(255,255,255,.45);

    --shadow:
        0 12px 35px rgba(0,0,0,.08);

    --radius: 26px;

    --transition: .28s ease;

}



*{

    margin:0;
    padding:0;
    box-sizing:border-box;

}



html{

    scroll-behavior:smooth;

}



body{

    font-family:'Nunito',sans-serif;

    background:

    radial-gradient(circle at top left,#fff7d7 0%,transparent 28%),

    radial-gradient(circle at bottom right,#ffdce8 0%,transparent 30%),

    var(--bg);

    color:var(--text);

    line-height:1.7;

}



img{

    max-width:100%;

}



a{

    text-decoration:none;

    color:inherit;

}



main{

    width:min(1200px,92%);

    margin:auto;

}



/* =========================
          HEADER
========================= */

header{

    width:min(1200px,92%);

    margin:30px auto;

    padding:20px 30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

    background:var(--glass);

    backdrop-filter:blur(18px);

    border:1px solid var(--border);

    border-radius:30px;

    box-shadow:var(--shadow);

}



.logo{

    display:flex;

    flex-direction:column;

}



.logo .pixel{

    font-family:'Pixelify Sans',cursive;

    font-size:34px;

    color:var(--pink-dark);

}



.logo p{

    color:var(--text-light);

    font-size:.95rem;

}



nav{

    display:flex;

    gap:24px;

    flex-wrap:wrap;

}



nav a{

    font-weight:700;

    transition:var(--transition);

}



nav a:hover{

    color:var(--pink-dark);

}



/* =========================
         HERO
========================= */

.hero{

    display:grid;

    grid-template-columns:1.3fr .8fr;

    gap:45px;

    align-items:center;

    margin-top:70px;

}



.hero h1{

    font-size:3.5rem;

    line-height:1.1;

    margin-bottom:25px;

}



.hero p{

    font-size:1.15rem;

    color:var(--text-light);

    max-width:650px;

}



.buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    margin-top:35px;

}



.button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:17px 30px;

    border-radius:999px;

    font-weight:800;

    transition:var(--transition);

    box-shadow:var(--shadow);

}



.button:hover{

    transform:translateY(-4px);

}



.button.pink{

    background:var(--pink);

}



.button.yellow{

    background:var(--yellow);

}
/* =========================
        GLASS CARD
========================= */

.glass-card{

    background:var(--glass);

    border:1px solid var(--border);

    backdrop-filter:blur(18px);

    border-radius:var(--radius);

    padding:35px;

    box-shadow:var(--shadow);

}

.glass-card h2{

    font-size:2rem;

    margin-bottom:18px;

}

.glass-card p{

    margin-bottom:16px;

    color:var(--text-light);

}

/* =========================
          CARDS
========================= */

.cards{

    margin:110px 0;

    display:grid;

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

    gap:28px;

}

.card{

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

    backdrop-filter:blur(20px);

    border-radius:28px;

    padding:34px;

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

    transition:var(--transition);

    box-shadow:var(--shadow);

}

.card:hover{

    transform:translateY(-8px);

}

.card h2{

    margin-bottom:18px;

    font-size:1.45rem;

}

.card p{

    color:var(--text-light);

    margin-bottom:22px;

}

.card a{

    font-weight:800;

    color:var(--pink-dark);

}

/* =========================
          QUOTE
========================= */

.quote{

    margin:110px 0;

    text-align:center;

}

.quote h2{

    font-size:2.2rem;

    line-height:1.5;

    max-width:900px;

    margin:auto;

}

/* =========================
          FOOTER
========================= */

footer{

    width:min(1200px,92%);

    margin:90px auto 40px;

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

    backdrop-filter:blur(18px);

    border-radius:28px;

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

    padding:35px;

    text-align:center;

    box-shadow:var(--shadow);

}

footer p:first-child{

    font-weight:800;

    margin-bottom:18px;

}

footer p:last-child{

    color:var(--text-light);

    max-width:760px;

    margin:auto;

}

/* =========================
      MOBILE
========================= */

@media (max-width:960px){

header{

    flex-direction:column;

    text-align:center;

}

nav{

    justify-content:center;

}

.hero{

    grid-template-columns:1fr;

    text-align:center;

}

.hero p{

    margin:auto;

}

.buttons{

    justify-content:center;

}

.cards{

    grid-template-columns:1fr;

}

.hero h1{

    font-size:2.5rem;

}

.quote h2{

    font-size:1.6rem;

}

}

@media (max-width:600px){

.logo .pixel{

    font-size:2rem;

}

.hero h1{

    font-size:2rem;

}

.button{

    width:100%;

}

header{

    padding:20px;

}

.card{

    padding:26px;

}

.glass-card{

    padding:26px;

}

}
/* HERO UPGRADE */

.hero{

    min-height:70vh;

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:60px;

    align-items:center;

}

.hero h2{
    font-size:3.2rem;

    line-height:1.05;

    margin-bottom:24px;

    max-width:700px;

}

.hero p{

    font-size:1.3rem;

    max-width:700px;

}

.hero .glass-card{

    min-height:320px;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.hero .glass-card h3{

    font-size:2rem;

    margin-bottom:20px;

}

/* BIG BUTTONS */

.buttons{

    margin-top:40px;

}

.buttons .button{

    font-size:1.15rem;

    padding:20px 34px;

}

/* LOGO */

.logo h1{
    font-family:'Nunito',sans-serif;

    font-size:3rem;

    color:var(--pink-dark);

    margin-bottom:6px;

}

/* SOFT GLOW */

.hero::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    border-radius:50%;

    background:rgba(247,200,215,.25);

    filter:blur(120px);

    z-index:-1;

    left:-100px;

    top:250px;

}

/* MOBILE */

@media(max-width:960px){

.hero{

    grid-template-columns:1fr;

}

.hero h2{

    font-size:2.8rem;

}

}
/* OFFER CARDS */

.offer-grid{
    margin:70px 0 110px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.offer-card{
    background:rgba(255,255,255,.62);
    border:1px solid rgba(255,255,255,.65);
    backdrop-filter:blur(22px);
    border-radius:32px;
    padding:34px;
    box-shadow:0 18px 45px rgba(0,0,0,.07);
    transition:.28s ease;
}

.offer-card:hover{
    transform:translateY(-8px);
}

.offer-card.featured{
    background:linear-gradient(145deg,rgba(255,232,167,.78),rgba(247,200,215,.65));
}

.offer-icon{
    font-size:2.3rem;
    margin-bottom:18px;
}

.offer-card h3{
    font-size:1.6rem;
    margin-bottom:16px;
}

.offer-card p{
    color:var(--text-light);
    margin-bottom:24px;
}

.offer-card a{
    font-weight:800;
    color:var(--pink-dark);
}

@media(max-width:960px){
    .offer-grid{
        grid-template-columns:1fr;
    }
}
/* TRUST SECTION */

.trust-section{
    margin:20px 0 120px;
}

.section-heading{
    max-width:760px;
    margin-bottom:36px;
}

.section-heading p{
    color:var(--pink-dark);
    font-weight:800;
    margin-bottom:10px;
}

.section-heading h2{
    font-size:2.4rem;
    line-height:1.2;
}

.trust-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
}

.trust-card{
    background:rgba(255,255,255,.58);
    border:1px solid rgba(255,255,255,.62);
    backdrop-filter:blur(20px);
    border-radius:28px;
    padding:28px;
    box-shadow:0 18px 45px rgba(0,0,0,.06);
}

.trust-icon{
    font-size:2rem;
    margin-bottom:14px;
}

.trust-card h3{
    font-size:1.25rem;
    margin-bottom:12px;
}

.trust-card p{
    color:var(--text-light);
    font-size:.98rem;
}

@media(max-width:1050px){
    .trust-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:650px){
    .trust-grid{
        grid-template-columns:1fr;
    }

    .section-heading h2{
        font-size:1.9rem;
    }
}
/* RESULTS */

.results-section{
    margin:0 0 120px;
}

.results-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:40px;
}

.result-card{
    background:rgba(255,255,255,.58);
    border:1px solid rgba(255,255,255,.62);
    backdrop-filter:blur(20px);
    border-radius:30px;
    padding:36px;
    text-align:center;
    box-shadow:0 18px 45px rgba(0,0,0,.06);
}

.result-number{
    font-size:3rem;
    font-weight:800;
    color:var(--pink-dark);
    margin-bottom:12px;
}

.results-note{
    margin-top:28px;
    background:rgba(255,255,255,.45);
    border-radius:24px;
    padding:24px;
}

.results-note p{
    color:var(--text-light);
}

@media(max-width:900px){

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

}
/* FAQ PREVIEW */

.faq-preview{
    margin:0 0 120px;
}

.faq-list{
    display:grid;
    gap:16px;
    margin-top:34px;
}

details{
    background:rgba(255,255,255,.6);
    border:1px solid rgba(255,255,255,.65);
    backdrop-filter:blur(20px);
    border-radius:24px;
    padding:22px 26px;
    box-shadow:0 14px 38px rgba(0,0,0,.05);
}

summary{
    cursor:pointer;
    font-weight:800;
    font-size:1.1rem;
}

details p{
    margin-top:16px;
    color:var(--text-light);
}

.faq-button{
    margin-top:30px;
}
/* START SECTION */

.start-section{
    margin:0 0 120px;
    text-align:center;
}

.start-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:36px;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}

.start-card{
    background:rgba(255,255,255,.58);
    border:1px solid rgba(255,255,255,.62);
    backdrop-filter:blur(20px);
    border-radius:28px;
    padding:26px;
    text-align:left;
}

.start-number{
    width:48px;
    height:48px;
    border-radius:50%;
    background:var(--pink);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    margin-bottom:16px;
}

.start-card h3{
    margin-bottom:12px;
}

.start-card p{
    color:var(--text-light);
}

.final-actions{
    margin-top:40px;

    display:flex;
    justify-content:center;

    gap:16px;
    flex-wrap:wrap;
}
.final-actions .button{
    min-width:240px;
}

.telegram-box{
    margin-top:40px;
    background:rgba(255,255,255,.55);
    border-radius:28px;
    padding:28px;
    border:1px solid rgba(255,255,255,.62);
}

.telegram-box p{
    margin-bottom:16px;
}

.telegram-box a{
    color:var(--pink-dark);
    font-weight:800;
}

@media(max-width:960px){

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

}
.start-section .section-heading{
    max-width:900px;
    margin:0 auto 36px;
}
.cat-image{
    width:300px;
    display:block;
    margin:0 auto 20px;
    image-rendering:pixelated;
}
.glass-card h3{
    font-size: 2rem;
    line-height: 1.3;
    margin-top: 12px;
    margin-bottom: 20px;
}

.glass-card p{
    font-size: 1.05rem;
    line-height: 1.8;
}
/* =========================
   GUIDE PAGE
========================= */

.guide-hero{
    margin:80px 0 50px;
}

.guide-tag{
    color:var(--pink-dark);
    font-weight:800;
    margin-bottom:18px;
}

.guide-hero h1{
    font-size:3.2rem;
    max-width:900px;
    margin-bottom:24px;
}

.guide-description{
    font-size:1.2rem;
    max-width:900px;
    margin-bottom:12px;
}

.guide-update{
    color:var(--text-light);
    margin-bottom:32px;
}

.guide-update p{
    margin-bottom:8px;
}

.guide-content{
    margin-top:60px;
}

.guide-content h2{
    margin-bottom:24px;
}

.guide-toc{
    background:rgba(255,255,255,.55);
    backdrop-filter:blur(20px);
    border-radius:28px;
    padding:34px;
    box-shadow:var(--shadow);
}

.guide-toc p{
    margin-bottom:14px;
}

.guide-sections{
    margin-top:50px;
}

.guide-sections details{
    background:rgba(255,255,255,.55);
    backdrop-filter:blur(20px);
    border-radius:28px;
    margin-bottom:20px;
    box-shadow:var(--shadow);
    overflow:hidden;
}

.guide-sections summary{
    list-style:none;
    cursor:pointer;
    padding:28px 32px;
    font-weight:800;
    font-size:1.1rem;
}

.guide-sections summary::-webkit-details-marker{
    display:none;
}

.guide-sections summary:hover{
    color:var(--pink-dark);
}

.guide-body{
    padding:0 32px 32px;
    line-height:1.9;
    color:var(--text-light);
}

.guide-final{
    margin-top:80px;
    text-align:center;
    background:rgba(255,255,255,.55);
    backdrop-filter:blur(20px);
    border-radius:32px;
    padding:60px;
    box-shadow:var(--shadow);
}

.guide-final h2{
    margin-bottom:16px;
}

.guide-final p{
    max-width:700px;
    margin:0 auto 30px;
}

.guide-final .button{
    display:inline-flex;
}
.chapter-intro{
    text-align:center;
    margin-bottom:40px;
}

.chapter-intro p{
    color:var(--pink-dark);
    font-weight:800;
    margin-bottom:12px;
}

.guide-subtitle{
    margin-top:40px;
    margin-bottom:20px;
    font-size:1.8rem;
}

.important-box{
    background:rgba(255,255,255,.5);
    border-radius:20px;
    padding:28px;
    margin:32px 0;
    box-shadow:var(--shadow);
}
.step-card{
    background:rgba(255,255,255,.45);
    border-radius:24px;
    padding:28px;
    margin:30px 0;
}

.step-card h3{
    margin-bottom:20px;
}

.template-box{
    margin-top:20px;
    background:rgba(255,255,255,.35);
    border-radius:16px;
    overflow:hidden;
}

.template-box summary{
    cursor:pointer;
    padding:16px 20px;
    font-weight:700;
}

.template-box pre{
    white-space:pre-wrap;
    word-break:normal;
    overflow-wrap:break-word;

    padding:20px;

    font-family:inherit;
    font-size:.95rem;
    line-height:1.7;

    overflow-x:auto;
}

.template-box summary{
    cursor:pointer;
    padding:16px 20px;
    font-weight:700;
    color:var(--pink-dark);
}

.template-box summary:hover{
    opacity:.8;
}
.page-hero{
    margin:80px 0 50px;
}

.page-hero h1{
    font-size:3.2rem;
    max-width:900px;
    margin-bottom:24px;
}

.page-hero .button{
    margin-top:24px;
}
.error-page{
    min-height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:40px 20px;
}

.error-card{
    max-width:520px;
    text-align:center;
    background:rgba(255,255,255,0.65);
    border-radius:32px;
    padding:40px;
    backdrop-filter:blur(10px);
}

.error-cat{
    width:140px;
    margin-bottom:20px;
}

.error-label{
    display:block;
    color:#d98bb3;
    font-weight:700;
    margin-bottom:12px;
}

.error-card h1{
    margin-bottom:16px;
}

.error-card p{
    margin-bottom:12px;
}

.error-buttons{
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:24px;
}
.site-footer {
    margin-top: 80px;
    padding: 40px 20px;
    text-align: center;

    background: rgba(255,255,255,0.45);
    backdrop-filter: blur(10px);

    border-top: 1px solid rgba(0,0,0,0.05);
}

.footer-brand h3 {
    margin-bottom: 5px;
}

.footer-brand p {
    opacity: 0.7;
    margin-bottom: 20px;
}

.footer-links,
.footer-contact {
    display: flex;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.footer-links a,
.footer-contact a {
    text-decoration: none;
}

.footer-copy {
    margin-top: 20px;
    opacity: 0.6;
    font-size: 14px;
}
/* ==================================
   MOBILE FIXES
================================== */

@media (max-width: 768px){

    .guide-hero h1,
    .page-hero h1{
        font-size:2.2rem;
        line-height:1.15;
    }

    .guide-description{
        font-size:1rem;
    }

    .guide-body{
        padding:0 20px 24px;
        font-size:1rem;
        line-height:1.8;
    }

    .guide-sections summary{
        padding:20px;
        font-size:1rem;
    }

    .template-box pre{
        font-size:.9rem;
        line-height:1.6;
    }

    .guide-final{
        padding:40px 24px;
    }

}
/* ==================================
   STRONG MOBILE GUIDE FIX
================================== */

@media (max-width: 768px){

    main{
        width:94%;
    }

    .guide-hero{
        margin:40px 0 30px;
    }

    .guide-hero h1{
        font-size:1.85rem;
        line-height:1.18;
        text-align:left;
    }

    .guide-description{
        font-size:1rem;
        line-height:1.6;
        text-align:left;
    }

    .guide-toc{
        padding:22px;
    }

    .guide-toc p{
        font-size:.95rem;
        line-height:1.55;
    }

    .guide-sections details{
        border-radius:20px;
        margin-bottom:16px;
    }

    .guide-sections summary{
        padding:18px 20px;
        font-size:.98rem;
        line-height:1.4;
    }

    .guide-body{
        padding:0 20px 24px;
        font-size:1rem;
        line-height:1.65;
        text-align:left;
    }

    .guide-body p,
    .guide-body li{
        font-size:1rem;
        line-height:1.65;
        text-align:left;
    }

    .guide-subtitle{
        font-size:1.25rem;
        line-height:1.35;
        margin-top:28px;
    }

    .step-card,
    .important-box{
        padding:20px;
        border-radius:20px;
        margin:22px 0;
    }

    .step-card h2,
    .step-card h3{
        font-size:1.25rem;
        line-height:1.35;
    }

    .template-box{
        width:100%;
        max-width:100%;
        margin:18px 0;
        border-radius:18px;
    }

    .template-box summary{
        padding:16px;
        font-size:1rem;
        line-height:1.4;
        text-align:left;
    }

    .template-box pre{
        display:block;
        width:100%;
        max-width:100%;

        white-space:pre-wrap;
        word-break:normal;
        overflow-wrap:break-word;

        font-size:.82rem;
        line-height:1.55;
        text-align:left;

        padding:16px;
        overflow-x:auto;
    }
}
.donate-box{
    margin:40px 0;
    padding:32px;
    border-radius:24px;

    background:rgba(255,255,255,.65);
    backdrop-filter:blur(12px);

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

.donate-box h2{
    margin-bottom:16px;
}

.donate-box p{
    margin-bottom:14px;
}

/* ==========================================================
   SALES-FIRST REFRESH · AUGUST 2026
========================================================== */

:root{
    --ink:#34323a;
    --muted:#706d76;
    --paper:rgba(255,255,255,.74);
    --paper-strong:rgba(255,255,255,.9);
    --pink-strong:#e784aa;
    --yellow-strong:#ffd66c;
    --purple:#7664a8;
}

body.home-v2,
body.ai-page-v2{
    color:var(--ink);
    background:
      radial-gradient(circle at 8% 4%,rgba(255,229,138,.45),transparent 25%),
      radial-gradient(circle at 92% 35%,rgba(247,180,207,.35),transparent 30%),
      linear-gradient(135deg,#fffaf2 0%,#fff8f7 48%,#fff7fb 100%);
}

.site-header{
    position:relative;
    z-index:5;
    padding:18px 28px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(255,255,255,.92);
    box-shadow:0 16px 50px rgba(91,65,76,.08);
}

.site-header .logo{gap:1px}
.site-header .logo-title{
    font-size:2rem;
    line-height:1.1;
    font-weight:900;
    color:var(--pink-dark);
}
.site-header .logo>span:last-child{font-size:.78rem;color:var(--muted);letter-spacing:.05em}
.site-header nav{align-items:center;gap:20px}
.site-header nav a{font-size:.94rem}
.nav-ai span{
    display:inline-block;
    margin-left:3px;
    padding:2px 7px;
    border-radius:99px;
    color:#463520;
    background:var(--yellow-strong);
    font-size:.72rem;
}

.eyebrow{
    margin-bottom:13px!important;
    color:var(--pink-dark)!important;
    font-size:.9rem!important;
    font-weight:900;
    letter-spacing:.04em;
    text-transform:uppercase;
}
.hero-v2{
    min-height:auto;
    margin:72px 0 110px;
    grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
    gap:65px;
}
.hero-v2::before{top:120px;left:-160px}
.hero-v2 h1{
    max-width:770px;
    margin-bottom:24px;
    font-size:3.55rem;
    line-height:1.04;
    letter-spacing:-.035em;
}
.hero-v2 p{font-size:1.08rem;line-height:1.72}
.hero-v2 .hero-lead{font-size:1.28rem;font-weight:700;color:var(--ink)}
.hero-actions{align-items:center;margin-top:30px}
.primary-cta{box-shadow:0 14px 30px rgba(221,137,170,.25)}
.text-link{font-weight:900;color:var(--pink-dark);padding:12px 5px}
.text-link:hover{text-decoration:underline}
.hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.hero-proof span{
    padding:7px 12px;
    border:1px solid rgba(221,137,170,.25);
    border-radius:99px;
    background:rgba(255,255,255,.52);
    color:var(--muted);
    font-size:.8rem;
    font-weight:800;
}
.mascot-card{
    position:relative;
    overflow:hidden;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:38px;
    border:1px solid rgba(255,255,255,.92);
    border-radius:34px;
    background:var(--paper);
    box-shadow:0 22px 60px rgba(90,66,79,.1);
}
.mascot-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-70px;background:rgba(255,216,111,.28)}
.mascot-card .cat-image{width:150px;margin:18px auto 26px}
.mascot-card h2{font-size:1.65rem;line-height:1.25;margin-bottom:14px}
.mascot-card p{font-size:.98rem;color:var(--muted)}
.pixel-chip{align-self:flex-start;padding:6px 11px;border-radius:9px;background:#3f3b45;color:#fff;font-family:'Pixelify Sans',sans-serif;font-size:.82rem;letter-spacing:.04em}

.section-heading span{display:block;margin-top:12px;color:var(--muted);font-size:1.04rem}
.center-heading{max-width:780px;margin:0 auto 42px;text-align:center}
.center-heading h2{font-size:2.7rem}

.service-summary,
.how-ai-works{margin:0 0 120px}
.service-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.service-steps article{
    position:relative;
    min-height:245px;
    padding:32px;
    border-radius:28px;
    border:1px solid rgba(255,255,255,.9);
    background:var(--paper);
    box-shadow:0 16px 40px rgba(84,62,73,.06);
}
.service-steps article>span{display:block;margin-bottom:25px;color:var(--pink-dark);font-family:'Pixelify Sans',sans-serif;font-size:1.35rem}
.service-steps h3{font-size:1.35rem;margin-bottom:12px}
.service-steps p{color:var(--muted)}
.service-summary-action{display:flex;align-items:center;gap:24px;margin-top:26px;padding:24px 28px;border-radius:25px;background:rgba(255,232,167,.42)}
.service-summary-action span{max-width:650px;color:var(--muted);font-size:.91rem}

.trust-section{margin-bottom:120px}
.trust-card{background:var(--paper);border-color:rgba(255,255,255,.9)}
.trust-card:nth-child(2){transform:translateY(14px)}
.trust-card:nth-child(4){transform:translateY(14px)}
.results-intro{display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:end;margin-bottom:35px}
.results-intro .section-heading{margin-bottom:0}
.results-intro>p{color:var(--muted)}
.result-card{background:var(--paper)}
.results-note{border:1px solid rgba(221,137,170,.18)}

.not-ready-section{margin:0 0 120px;padding:55px;border-radius:38px;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.8)}
.entry-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;max-width:920px;margin:auto}
.entry-card{position:relative;padding:34px;border-radius:30px;background:var(--paper-strong);box-shadow:0 18px 45px rgba(72,52,64,.07);overflow:hidden}
.entry-card h3{margin:14px 0;font-size:1.55rem}
.entry-card p{color:var(--muted);margin-bottom:22px}
.ai-entry{background:linear-gradient(145deg,rgba(255,244,205,.94),rgba(255,224,237,.93))}
.mini-label{display:inline-block;padding:5px 10px;border-radius:99px;background:#f1edf1;color:var(--muted);font-size:.76rem;font-weight:900}
.mini-label.hot{background:var(--yellow-strong);color:#47391f}
.sale-ribbon{position:absolute;top:18px;right:-34px;transform:rotate(35deg);width:145px;padding:7px;text-align:center;background:#413d47;color:#fff;font-weight:900;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.price-inline{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:22px 0}
.price-inline s{color:#99929b;font-size:.9rem}
.price-inline strong{font-size:1.55rem;line-height:1.2}
.price-inline small{color:var(--muted)}
.wide-button{width:100%}
.card-action{font-weight:900;color:var(--pink-dark)}
.faq-v2{margin-bottom:120px}
.faq-v2 details{background:var(--paper);border-color:rgba(255,255,255,.9);box-shadow:none}
.faq-v2 summary{font-size:1.08rem}

.final-cta{
    display:grid;
    grid-template-columns:130px 1fr auto;
    gap:35px;
    align-items:center;
    margin-bottom:30px;
    padding:45px;
    border-radius:36px;
    background:linear-gradient(135deg,rgba(247,200,215,.7),rgba(255,232,167,.67));
    box-shadow:0 22px 55px rgba(100,67,82,.09);
}
.final-cat{width:120px;image-rendering:pixelated}
.final-cta h2{font-size:2rem;line-height:1.2;margin-bottom:12px}
.final-cta p:not(.eyebrow){color:#5e5861}
.final-cta-actions{display:flex;flex-direction:column;align-items:stretch;text-align:center}
.site-footer{background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.8);border-radius:30px}

/* AI product page */
.ai-product-hero{display:grid;grid-template-columns:1fr .9fr;gap:55px;align-items:center;margin:75px 0 115px}
.ai-product-copy h1{font-size:3.4rem;line-height:1.04;letter-spacing:-.035em;margin-bottom:24px}
.ai-product-copy .hero-lead{font-size:1.2rem;color:var(--muted)}
.sale-price-box{display:flex;align-items:center;gap:18px;margin:28px 0;padding:20px 22px;border-radius:24px;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.9)}
.sale-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border-radius:99px;background:#413d47;color:#fff;font-size:.78rem;font-weight:900;white-space:nowrap}
.sale-price-box>div{display:flex;flex-direction:column}
.sale-price-box s{color:#9a939b;font-size:.9rem}
.sale-price-box strong{font-size:1.65rem;line-height:1.2}
.sale-price-box small{color:var(--muted)}
.microcopy{max-width:610px;margin-top:13px;color:var(--muted);font-size:.82rem}
.microcopy a{color:var(--pink-dark);font-weight:800;text-decoration:underline}
.chat-demo{overflow:hidden;border:1px solid rgba(255,255,255,.95);border-radius:30px;background:#fff;box-shadow:0 24px 65px rgba(74,56,66,.13)}
.chat-head{display:flex;align-items:center;gap:12px;padding:17px 20px;background:#faf8fa;border-bottom:1px solid #eee9ed}
.chat-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#403c46;color:#fff;font-family:'Pixelify Sans',sans-serif}
.chat-head>div{display:flex;flex-direction:column;line-height:1.25}.chat-head small{color:#8a848b}.chat-head i{width:8px;height:8px;border-radius:50%;background:#66c88a;margin-left:auto}
.chat-body{display:flex;flex-direction:column;gap:12px;padding:22px;background:linear-gradient(180deg,#fff,#fffafd)}
.message{max-width:88%;padding:13px 15px;border-radius:18px;font-size:.9rem;line-height:1.5}
.user-message{align-self:flex-end;border-bottom-right-radius:5px;background:#f8d5e2}
.bot-message{align-self:flex-start;border-bottom-left-radius:5px;background:#f2eff4}
.chat-caption{padding:12px 18px;background:#faf8fa;color:#8d868d;font-size:.72rem;text-align:center}
.large-chat .chat-body{min-height:370px;justify-content:center}
.typing{display:flex;gap:4px;align-self:flex-start;padding:12px 15px;border-radius:18px;background:#f2eff4}.typing span{width:6px;height:6px;border-radius:50%;background:#a8a1aa}
.ai-value-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:45px;align-items:start;margin:0 0 110px;padding:50px;border-radius:36px;background:rgba(255,255,255,.43);border:1px solid rgba(255,255,255,.8)}
.value-main h2{font-size:2.35rem;line-height:1.15;margin-bottom:18px}.value-main p{color:var(--muted);margin-bottom:14px}
.value-list{display:grid;gap:13px}.value-list>div{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:18px;border-radius:20px;background:rgba(255,255,255,.78)}.value-list b{font-size:1.3rem}.value-list span{color:var(--muted)}.value-list strong{color:var(--ink)}
.bonus-section{display:grid;grid-template-columns:120px 1fr;gap:35px;align-items:center;margin:0 0 110px;padding:40px;border-radius:32px;background:linear-gradient(135deg,rgba(255,232,167,.62),rgba(255,255,255,.72))}.bonus-icon{font-size:4rem;text-align:center}.bonus-section h2{font-size:2rem;margin-bottom:10px}.bonus-section p:not(.eyebrow){color:var(--muted)}
.fit-section{margin-bottom:110px}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.fit-card{padding:34px;border-radius:28px;background:var(--paper)}.fit-card h3{font-size:1.35rem;margin-bottom:16px}.fit-card ul{padding-left:20px;color:var(--muted)}.fit-card li{margin-bottom:8px}.fit-card.no{background:rgba(255,232,167,.43)}.fit-card .card-action{display:inline-block;margin-top:18px}
.purchase-cta{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:center;padding:48px;margin-bottom:30px;border-radius:36px;background:linear-gradient(135deg,rgba(247,200,215,.77),rgba(255,232,167,.72))}.purchase-cta h2{font-size:2.45rem;line-height:1.15;margin-bottom:12px}.purchase-cta p:not(.eyebrow){max-width:650px;color:#5e5861}.purchase-price{display:flex;flex-direction:column;align-items:stretch;text-align:center}.purchase-price s{color:#827981}.purchase-price strong{font-size:2rem;margin-bottom:14px}

@media(max-width:1000px){
    .hero-v2,.ai-product-hero{grid-template-columns:1fr;gap:35px}
    .hero-v2{margin-top:50px}.mascot-card{min-height:0}.mascot-card .cat-image{width:120px}
    .service-steps{grid-template-columns:1fr}.service-steps article{min-height:0}
    .results-intro,.ai-value-grid{grid-template-columns:1fr;gap:24px}
    .entry-grid{grid-template-columns:1fr}
    .final-cta{grid-template-columns:100px 1fr}.final-cta-actions{grid-column:1/-1;display:flex;flex-direction:row;justify-content:center;gap:18px}
    .trust-card:nth-child(2),.trust-card:nth-child(4){transform:none}
}

@media(max-width:700px){
    .site-header{margin:14px auto;padding:16px}.site-header .logo-title{font-size:1.65rem}.site-header nav{gap:11px;justify-content:center}.site-header nav a{font-size:.8rem}
    .hero-v2,.ai-product-hero{margin:42px 0 80px}.hero-v2 h1,.ai-product-copy h1{font-size:2.35rem}.hero-v2 .hero-lead{font-size:1.08rem}
    .hero-actions{align-items:stretch}.hero-actions .text-link{text-align:center}
    .mascot-card{padding:27px}.mascot-card h2{font-size:1.4rem}
    .section-heading h2,.center-heading h2{font-size:2rem}
    .service-summary,.trust-section,.results-section,.not-ready-section,.faq-v2,.how-ai-works,.ai-value-grid,.bonus-section,.fit-section{margin-bottom:80px}
    .service-summary-action{flex-direction:column;align-items:stretch}.service-summary-action .button{width:100%}
    .results-intro{display:block}.results-intro>p{margin-top:18px}
    .not-ready-section{padding:30px 18px;margin-left:-1%;margin-right:-1%}.entry-card{padding:28px 23px}
    .final-cta{grid-template-columns:1fr;padding:30px;text-align:center}.final-cat{margin:auto}.final-cta-actions{grid-column:auto;flex-direction:column}.final-cta h2{font-size:1.65rem}
    .sale-price-box{align-items:flex-start;flex-direction:column}.large-chat .chat-body{min-height:320px}
    .ai-value-grid{padding:28px 20px}.value-main h2{font-size:1.9rem}
    .bonus-section{grid-template-columns:1fr;padding:28px 22px}.bonus-icon{text-align:left}
    .fit-grid{grid-template-columns:1fr}.purchase-cta{grid-template-columns:1fr;padding:30px 24px}.purchase-cta h2{font-size:2rem}
}

/* Main service page */
body.service-page-v2{
    color:var(--ink);
    background:
      radial-gradient(circle at 8% 4%,rgba(255,229,138,.43),transparent 25%),
      radial-gradient(circle at 92% 34%,rgba(247,180,207,.32),transparent 30%),
      linear-gradient(135deg,#fffaf2,#fff7fb);
}
.service-page-v2 .page-hero{
    position:relative;
    overflow:hidden;
    margin:68px 0 38px;
    padding:52px;
    border-radius:36px;
    background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,232,167,.38));
    border:1px solid rgba(255,255,255,.95);
    box-shadow:0 22px 60px rgba(90,66,79,.08);
}
.service-page-v2 .page-hero:after{content:"404";position:absolute;right:35px;bottom:-42px;color:rgba(221,137,170,.12);font-family:'Pixelify Sans',sans-serif;font-size:10rem;line-height:1}
.service-page-v2 .page-hero>*{position:relative;z-index:1}
.service-page-v2 .page-hero h1{max-width:860px;font-size:3.35rem;line-height:1.06;letter-spacing:-.03em}
.service-page-v2 .guide-description{max-width:790px;color:var(--muted);font-size:1.17rem}
.service-page-v2 .guide-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}
.service-page-v2 .step-card,.service-page-v2 .important-box{margin:0;padding:34px;border:1px solid rgba(255,255,255,.9);background:var(--paper);box-shadow:0 15px 38px rgba(75,56,66,.055)}
.service-page-v2 .step-card:first-child,.service-page-v2 .step-card:nth-child(2),.service-page-v2 .important-box{grid-column:1/-1}
.service-page-v2 .step-card h2{font-size:1.65rem}
.service-page-v2 .step-card p{margin-bottom:14px;color:var(--muted)}
.service-page-v2 .step-card ul{padding-left:20px;color:var(--muted);columns:2;column-gap:50px}
.service-page-v2 .step-card li{break-inside:avoid;margin-bottom:8px}
.service-page-v2 .important-box{background:linear-gradient(135deg,rgba(247,200,215,.42),rgba(255,232,167,.4))}
.service-page-v2 .important-box p:last-child{margin-bottom:0}
.client-messages-section{grid-column:1/-1;margin:18px 0;padding:46px;border-radius:36px;background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.9)}
.client-messages-copy{display:grid;grid-template-columns:.85fr 1.15fr;column-gap:45px;align-items:end;margin-bottom:30px}
.client-messages-copy .guide-tag{grid-column:1/-1;margin-bottom:8px}
.client-messages-copy h2{font-size:2.15rem;line-height:1.15}
.client-messages-copy>p:last-child{color:var(--muted)}
.messenger-window{overflow:hidden;max-width:850px;margin:auto;border:1px solid rgba(255,255,255,.95);border-radius:30px;background:#fff;box-shadow:0 22px 60px rgba(73,54,65,.12)}
.messenger-head{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#faf8fa;border-bottom:1px solid #eee9ed}
.messenger-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#413d47;color:#fff;font-family:'Pixelify Sans',sans-serif;font-size:.8rem}
.messenger-head>div{display:flex;flex-direction:column;line-height:1.25}.messenger-head small{color:#8d868e}.messenger-head i{width:8px;height:8px;margin-left:auto;border-radius:50%;background:#63c887}
.messenger-body{display:flex;flex-direction:column;gap:24px;padding:28px;background:linear-gradient(180deg,#fff,#fffafd)}
.client-thread{display:flex;flex-direction:column;gap:8px}.client-bubble,.alice-bubble{max-width:78%;padding:14px 17px;border-radius:19px;font-size:.94rem;line-height:1.52}
.client-bubble{align-self:flex-end;border-bottom-right-radius:5px;background:#f7d5e2}.alice-bubble{align-self:flex-start;border-bottom-left-radius:5px;background:#f1eef3}
.thread-two{padding:21px 0;border-top:1px dashed #e6dfe4;border-bottom:1px dashed #e6dfe4}
.collective-note{max-width:850px;margin:13px auto 0;color:#918991;font-size:.76rem;text-align:center}
@media(max-width:760px){
  .service-page-v2 .page-hero{padding:30px 23px;margin-top:42px}.service-page-v2 .page-hero h1{font-size:2.25rem}
  .service-page-v2 .guide-content{grid-template-columns:1fr}.service-page-v2 .step-card,.service-page-v2 .important-box{grid-column:auto!important;padding:25px 22px}
  .service-page-v2 .step-card ul{columns:1}.service-page-v2 .page-hero:after{font-size:6rem}
  .client-messages-section{grid-column:auto;padding:28px 16px}.client-messages-copy{display:block}.client-messages-copy h2{font-size:1.75rem;margin-bottom:14px}.messenger-body{padding:18px 13px}.client-bubble,.alice-bubble{max-width:92%;font-size:.86rem}
}

/* ==========================================================
   ARTICLES
========================================================== */
body.articles-page,
body.article-page{
    color:var(--ink);
    background:
      radial-gradient(circle at 8% 4%,rgba(255,229,138,.43),transparent 25%),
      radial-gradient(circle at 92% 34%,rgba(247,180,207,.32),transparent 30%),
      linear-gradient(135deg,#fffaf2,#fff7fb);
}
.articles-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) 270px;
    gap:45px;
    align-items:center;
    margin:70px 0 55px;
    padding:48px;
    border:1px solid rgba(255,255,255,.95);
    border-radius:36px;
    background:rgba(255,255,255,.7);
    box-shadow:0 22px 60px rgba(90,66,79,.08);
}
.articles-hero h1{max-width:790px;font-size:3.35rem;line-height:1.07;letter-spacing:-.035em}
.articles-hero p:not(.eyebrow){max-width:720px;margin-top:18px;color:var(--muted);font-size:1.12rem}
.articles-hero-mark{font-family:'Pixelify Sans',sans-serif;color:rgba(221,137,170,.7);font-size:5.8rem;line-height:.9;text-align:center}
.articles-hero-mark span{display:block;margin-top:10px;color:var(--muted);font-family:'Nunito',sans-serif;font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:115px}
.article-card{display:flex;flex-direction:column;min-height:430px;padding:31px;border:1px solid rgba(255,255,255,.92);border-radius:28px;background:var(--paper);box-shadow:0 16px 40px rgba(84,62,73,.06)}
.article-card:nth-child(2){background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(255,238,194,.57))}
.article-card:nth-child(3){background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(247,213,226,.64))}
.article-card-label{align-self:flex-start;padding:5px 10px;border-radius:99px;background:#f1edf1;color:var(--muted);font-size:.74rem;font-weight:900}
.article-card h2{margin:20px 0 15px;font-size:1.52rem;line-height:1.23}
.article-card p{color:var(--muted)}
.article-card .card-action{margin-top:auto;padding-top:28px}

.article-shell{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:55px;align-items:start;justify-content:center;margin:66px auto 115px}
.article-main{min-width:0}
.article-breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;color:var(--muted);font-size:.86rem;font-weight:800}
.article-breadcrumbs a:hover{color:var(--pink-dark)}
.article-header{margin-bottom:38px;padding-bottom:34px;border-bottom:1px solid rgba(221,137,170,.22)}
.article-kicker{display:inline-flex;margin-bottom:17px;padding:6px 11px;border-radius:99px;background:rgba(255,232,167,.65);font-size:.78rem;font-weight:900}
.article-header h1{font-size:3.1rem;line-height:1.08;letter-spacing:-.035em}
.article-intro{margin-top:21px;color:var(--muted);font-size:1.18rem;line-height:1.75}
.article-content{font-size:1.06rem;line-height:1.82}
.article-content h2{margin:48px 0 17px;font-size:1.85rem;line-height:1.2}
.article-content p{margin-bottom:21px}
.article-content a:not(.button){color:#b96084;font-weight:800;text-decoration:underline;text-decoration-color:rgba(185,96,132,.3);text-underline-offset:3px}
.article-content a:not(.button):hover{text-decoration-color:#b96084}
.article-callout{margin:31px 0;padding:25px 27px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:rgba(255,255,255,.66);box-shadow:0 12px 32px rgba(84,62,73,.055)}
.article-callout p:last-child{margin-bottom:0}
.article-callout.guide{border-left:5px solid var(--yellow-strong)}
.article-callout.ai{border-left:5px solid var(--purple)}
.article-callout.service{border-left:5px solid var(--pink-dark)}
.article-end-cta{margin-top:52px;padding:32px;border-radius:29px;background:linear-gradient(135deg,rgba(247,200,215,.58),rgba(255,232,167,.55))}
.article-end-cta h2{margin:0 0 13px;font-size:1.65rem}
.article-end-cta .button{margin-top:8px}
.article-sidebar{position:sticky;top:24px;display:grid;gap:17px}
.sidebar-card{padding:23px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:rgba(255,255,255,.69);box-shadow:0 13px 34px rgba(84,62,73,.055)}
.sidebar-card span{font-size:1.6rem}.sidebar-card h2{margin:9px 0 8px;font-size:1.13rem;line-height:1.3}.sidebar-card p{margin-bottom:14px;color:var(--muted);font-size:.88rem;line-height:1.55}.sidebar-card a{color:var(--pink-dark);font-size:.88rem;font-weight:900}
.article-more{margin-top:58px;padding-top:30px;border-top:1px solid rgba(221,137,170,.22)}
.article-more h2{margin:0 0 20px;font-size:1.45rem}
.article-more-links{display:grid;gap:12px}.article-more-links a{padding:17px 19px;border-radius:18px;background:rgba(255,255,255,.63);font-weight:900;line-height:1.35}.article-more-links a:hover{background:#fff}

@media(max-width:1000px){
    .articles-grid{grid-template-columns:1fr}.article-card{min-height:0}
    .article-shell{grid-template-columns:minmax(0,760px)}.article-sidebar{position:static;grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
    .articles-hero{grid-template-columns:1fr;margin:42px 0 35px;padding:30px 23px}.articles-hero h1{font-size:2.35rem}.articles-hero-mark{display:none}
    .articles-grid{margin-bottom:80px}.article-card{padding:26px 23px}
    .article-shell{margin:42px auto 80px}.article-header h1{font-size:2.25rem}.article-intro{font-size:1.07rem}.article-content{font-size:1rem}.article-content h2{margin-top:39px;font-size:1.6rem}
    .article-callout,.article-end-cta{padding:22px 20px}.article-sidebar{grid-template-columns:1fr}
}

/* ==========================================================
   SITE-WIDE VISUAL ALIGNMENT · OCTOBER 2026
   Keeps inner pages visually consistent with the restored home
========================================================== */

body.home-v2,
body.ai-page-v2,
body.service-page-v2,
body.articles-page,
body.article-page {
    font-family: 'Nunito', sans-serif;
    color: var(--text);
    background:
        radial-gradient(circle at top left, #fff7d7 0%, transparent 28%),
        radial-gradient(circle at bottom right, #ffdce8 0%, transparent 30%),
        var(--bg);
}

.site-header {
    width: min(1200px, 92%);
    margin: 30px auto;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    background: var(--glass);
    border: 1px solid var(--border);
    border-radius: 30px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: var(--shadow);
}

.site-header .logo {
    gap: 0;
}

.site-header .logo-title {
    font-family: 'Nunito', sans-serif;
    font-size: 3rem;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0;
    color: var(--pink-dark);
}

.site-header .logo > span:last-child {
    margin-top: 6px;
    color: var(--text-light);
    font-size: .95rem;
    line-height: 1.35;
    letter-spacing: 0;
}

.site-header nav {
    gap: 24px;
}

.site-header nav a {
    font-family: 'Nunito', sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

.site-header nav a:hover {
    color: var(--pink-dark);
}

.site-header .nav-ai span {
    font-family: 'Nunito', sans-serif;
}

.hero-v2 h1,
.ai-product-copy h1,
.service-page-v2 .page-hero h1,
.articles-hero h1,
.article-header h1,
.article-content h2,
.article-content h3 {
    font-family: 'Nunito', sans-serif;
    color: var(--text);
    font-weight: 800;
}

.button,
.text-link,
.card-action,
.sidebar-card a,
.article-more-links a {
    font-family: 'Nunito', sans-serif;
}

.button {
    border-radius: 999px;
    font-weight: 800;
    box-shadow: var(--shadow);
}

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

.glass-card,
.page-hero,
.articles-hero,
.article-card,
.article-callout,
.sidebar-card,
.entry-card,
.final-cta {
    border-color: var(--border);
    box-shadow: var(--shadow);
}

.site-footer {
    width: min(1200px, 92%);
    margin: 90px auto 40px;
    padding: 35px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 28px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: var(--shadow);
    text-align: center;
}

.site-footer h3 {
    font-family: 'Nunito', sans-serif;
    color: var(--pink-dark);
    font-weight: 800;
}

@media (max-width: 960px) {
    .site-header {
        flex-direction: column;
        padding: 20px;
        text-align: center;
    }

    .site-header nav {
        justify-content: center;
    }
}

@media (max-width: 700px) {
    .site-header {
        margin: 18px auto 24px;
    }

    .site-header .logo-title {
        font-size: 2.35rem;
    }

    .site-header .logo > span:last-child {
        font-size: .84rem;
    }

    .site-header nav {
        gap: 11px 16px;
    }

    .site-header nav a {
        font-size: .86rem;
    }

    .site-footer {
        margin-top: 70px;
        padding: 28px 20px;
    }
}