:root {
    --primary-bg:#f8f5ee;
    --secondary-bg:#f1ebe0;
    --panel-bg:#fdfbf6;
    --border-color:#d4cec3;
    --accent-color:#b83b2f;
    --accent-hover:#f2decc;
    --text-main:#23231f;
    --text-muted:#5e594f;
    --text-bright:#23231f;
    --green:#2f6a45;
    --purple:#65509a;
    --rose:#b83b2f;
    --orange:#8b5548;
    --serif:"Source Serif 4","Iowan Old Style",Palatino,Georgia,serif;
    --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color-scheme:light;
}

html {
    scroll-behavior:smooth;
    scroll-padding-top:80px;
}

nav {
    background:color-mix(in srgb, var(--primary-bg) 86%, transparent);
}

.cursor {
    display:none;
}

.hero {
    background:var(--primary-bg);
}

.hero:before,.hero:after {
    display:none;
}

.hero h1 {
    font-family:var(--serif);
    font-weight:400;
    letter-spacing:-.035em;
    line-height:1;
}

.hero-subtitle,h2,.feature-card h3,.btn {
    font-family:var(--sans);
}

h2,.feature-card h3 {
    font-family:var(--serif);
    font-weight:400;
}

.hero-subtitle {
    font-size:18px;
    line-height:1.7;
    max-width:38rem;
}

.hero-badge {
    background:transparent;
    border-color:var(--border-color);
    color:var(--accent-color);
    border-radius:999px;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.btn {
    border-radius:999px;
    font-size:16px;
    min-height:52px;
}

.btn-primary {
    background:var(--text-bright);
    color:var(--primary-bg);
}

.btn-primary:hover {
    background:var(--accent-color);
    box-shadow:none;
}

.btn-secondary:hover {
    box-shadow:none;
}

.phone-hero {
    max-width:295px;
    background:var(--future,#e7f0f0);
    border:1px solid var(--border-color);
    padding:12px;
    box-shadow:none;
    border-radius:28px;
}

.phone-hero img {
    border-radius:16px;
}

.screen-card {
    background:var(--panel-bg);
    border-color:var(--border-color);
    box-shadow:none;
    border-radius:22px;
}

.screen-card:hover,.feature-card:hover {
    transform:none;
    box-shadow:none;
}

.screen-card img {
    object-fit:contain;
}

.screen-card figcaption {
    font-family:var(--sans);
    color:var(--text-main);
}

.feature-card {
    border-radius:22px;
    background:var(--panel-bg);
}

.feature-icon {
    font-size:22px;
}

h2 {
    font-weight:400;
    letter-spacing:-.03em;
}

h2:before {
    content:none;
}

.cta-box,.cta-section {
    background:var(--secondary-bg);
    border-color:var(--border-color);
    box-shadow:none;
}

.capture-note {
    text-align:center;
    color:var(--text-muted);
    font-size:13px;
    margin:-30px 0 35px;
}

.reveal {
    opacity:1;
    transform:none;
}

.screenshot-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.screen-card {
    margin:0;
    min-width:0;
}

.screen-card img {
    width:100%;
    height:auto;
}

@media(max-width:900px) {
    .screenshot-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:500px) {
    section {
        padding:55px 20px;
    }
    .screenshot-grid {
        gap:12px;
    }
    .screen-card {
        padding:8px;
    }
    .screen-card figcaption {
        font-size:11px;
    }
    .hero h1 {
        letter-spacing:-2px;
    }
    .capture-note {
        margin-top:-20px;
    }
    nav {
        flex-wrap:wrap;
        gap:12px;
    }
    nav ul {
        gap:14px;
    }
}

@media(prefers-reduced-motion:reduce) {
    html {
        scroll-behavior:auto;
    }
    *,*:before,*:after {
        animation:none!important;
        transition:none!important;
    }
}