/* Global */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Poppins",sans-serif;color:#6e522e;background:#fff;line-height:1.6;}
.container{max-width:1000px;margin:auto;text-align:center;padding:25px 20px;}

/* Header */
.logo{width:240px;margin:10px auto;}
.tagline{letter-spacing:0.25em;font-size:12px;color:#bf9954;}

/* Typography */
h1,h2{font-family:"Playfair Display",serif;color:#8e6a36;}
h1{font-size:45px;}
.section-title{text-transform:uppercase;font-weight:600;margin-bottom:25px;font-size:30px;}

/* Hero */
.phone-img{width:300px;margin-top:25px;}

/* Features */
.features{background:#f7f2e8;border-radius:18px;padding:50px 30px;margin-top:50px;}
.feature-grid{display:flex;justify-content:center;gap:60px;}
ul{list-style:none;text-align:left;}
ul li{margin-bottom:12px;font-size:17px;}
ul li::before{content:"✦ ";color:#c79b57;font-size:18px;}

/* EARLY ACCESS NEW ROW LAYOUT */
.early-flex{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:50px;
    margin-top:30px;
    flex-wrap:wrap;
}
.left{flex:1;text-align:center;}
.right{flex:1;text-align:left;}

.qr-img{width:190px;}
.info{font-size:16px;margin:7px 0;}

.social img{
    width:28px;margin-right:12px;vertical-align:middle;
    transition:0.2s;
}
.social img:hover{transform:scale(1.15);}

.yogi-icon{
    width:120px;
    display:block;
    margin-top:25px;
    opacity:0.95;
}

/* Footer */
footer{
    margin-top:40px;
    padding:18px 0;
    background:#faf7f0;
    color:#8e6a36;
    font-size:15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Responsive */
@media (max-width:700px){
    h1{font-size:36px;}
    .feature-grid{flex-direction:column;text-align:center;gap:25px;}
    .right{text-align:center;}
    .yogi-icon{margin:auto;margin-top:20px;width:100px;}
}
.social-link svg {
    /* fill: url(#yogaGold); */
    gap: 60rem;
}