body {

font-family:
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif;

max-width:900px;

margin:auto;

padding:40px;

color:#222;

}



section {

margin-bottom:80px;

}



.hero {

text-align:center;

padding-top:80px;

}



h1 {

font-size:48px;

}



.cta,
.button,
button {

background:#111;

color:white;

padding:14px 28px;

border-radius:8px;

text-decoration:none;

border:none;

cursor:pointer;

font-size:16px;

display:inline-block;

}



img {

border:1px solid #ddd;

border-radius:10px;

max-width:100%;

height:auto;

}



/* additions beyond the base spec, kept minimal */

.sub {

font-size:20px;

color:#444;

}

.trust {

color:#666;

font-size:14px;

}

.balance-card {

border:1px solid #ddd;

border-radius:10px;

padding:24px 32px;

max-width:380px;

}

.balance-number {

font-size:36px;

font-weight:700;

color:#c0392b;

margin:8px 0;

}

.balance-question {

color:#666;

}

.balance-card ul {

list-style:none;

padding:0;

}

.balance-card li {

margin:4px 0;

}

.detected {

list-style:none;

padding:0;

color:#1a7f37;

font-weight:600;

}

.detected li {

margin:4px 0;

}

.example {

border-left:4px solid #111;

padding:8px 20px;

background:#fafafa;

border-radius:0 8px 8px 0;

max-width:560px;

}

.unlock {

color:#666;

font-style:italic;

}

.steps {

display:flex;

gap:24px;

}

.step {

flex:1;

border:1px solid #ddd;

border-radius:10px;

padding:20px;

text-align:center;

}

.step-number {

font-size:28px;

font-weight:700;

color:#999;

margin:0;

}

.price-card {

border:1px solid #ddd;

border-radius:10px;

padding:32px;

max-width:320px;

text-align:center;

}

.price {

font-size:44px;

font-weight:700;

margin:0;

}

.price-label {

color:#666;

margin-top:0;

}

.price-card ul {

list-style:none;

padding:0;

text-align:left;

display:inline-block;

}

.price-card li {

margin:6px 0;

}

.signup form {

display:flex;

gap:12px;

flex-wrap:wrap;

}

.signup input[type=email] {

padding:14px;

font-size:16px;

border:1px solid #ccc;

border-radius:8px;

min-width:280px;

}

footer {

border-top:1px solid #eee;

padding-top:24px;

color:#999;

font-size:13px;

}


/* ---- landing v1.1 conversion update ---- */

.subtitle {

color:#666;

font-size:14px;

}

.feature-grid,
.compare-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}


.compare-grid {
    grid-template-columns:repeat(2,1fr);
}


.feature-card,
.compare-card {
    border:1px solid #ddd;
    border-radius:12px;
    padding:30px;
}


.big-number {
    font-size:42px;
    font-weight:700;
    margin:20px 0;
    color:#c0392b;
}

.compare-card ul {
    list-style:none;
    padding:0;
}

.compare-card li {
    margin:6px 0;
}

.success-list {
    list-style:none;
    padding:0;
}

.success-list li {
    margin:10px 0;
}

.success-list span {
    float:right;
    font-weight:bold;
    color:#c0392b;
}

.get-list {
    list-style:none;
    padding:0;
    font-weight:600;
}

.get-list li {
    margin:6px 0;
}

.privacy {
    margin-top:80px;
}


.comparison {
    margin-top:80px;
}


@media(max-width:800px){

.feature-grid,
.compare-grid {

grid-template-columns:1fr;

}

}


/* success page */

.container {

max-width:560px;

margin:120px auto 0;

text-align:center;

}

.container ul {

list-style:none;

padding:0;

font-weight:600;

}

.container li {

margin:8px 0;

}