* {box-sizing:border-box; margin:0; padding:0;}

:root{
    --ink:#e1151c;                   
    --text:#2a2a2a;                  
    --bg:#f7f4e9;                    
    --line:#e9ded3;                  
    --shadow:0 10px 28px rgba(0,0,0,.08);
    --radius:24px;                   
}
body {
    background: #f7f4e8;
    font-family: "Archivo Narrow", sans-serif;
    margin: 0;
    color:var(--ink);
    font-family:"Archivo Narrow",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    line-height:1.35;
}
.site-header{
    display:flex; align-items:center; justify-content:space-between;
    gap:1rem; padding:.75rem 1rem; border-bottom:1px solid var(--line);
    position:sticky; top:0; background:var(--bg); z-index:10;
}
.brand img{ height:28px; display:block }
.site-nav a{
    color:#8c8c8c; text-decoration:none; margin-left:1rem; font-weight:600;
    letter-spacing:.02em;
}
.site-nav a.is-active, .site-nav a:hover{ color:var(--ink) }


.menu-toggle{
    display:none;
    background:none;
    border:none;
    font-size:1.8rem;
    color:#e1151c;
}

.home-wrap{
    max-width:1100px;
    margin:4rem auto;
    padding:0 1rem;
}

.main-title{
    font-family: "Varela Round", sans-serif;
    text-align:center;
    font-size:3.2rem;
    font-weight:600;
    margin-bottom:3rem;
    letter-spacing:2px;
}

.intro-section{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:3rem;
    align-items:center;
}

.machine-image{
    border:10px solid #e1151c;
    border-radius:30px;
    padding:1rem;
    background: white;
}

.machine-image img{
    width:100%;
    display:block;
}

.site-footer{
    text-align:center; color:#8c8c8c; padding:2.5rem 1rem;
    border-top:1px solid var(--line);
}

@media(max-width:850px){
    .intro-section{
    grid-template-columns:1fr;
    }
    .nav{ display:none; }
    .nav.show{ display:flex; flex-direction:column; gap:1rem; margin-top:1rem; }
    .menu-toggle{ display:block; }
}