:root{--accent:#4F46E5;--muted:#6B7280;--bg:#F8FAFC;--card:#fff;--maxw:1100px;--radius:12px;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial;}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#0f172a;line-height:1.5}header{background:var(--card);box-shadow:0 6px 30px rgba(15,23,42,0.06);border-radius:12px;margin:20px auto;max-width:var(--maxw);padding:18px;display:flex;align-items:center;gap:18px}
/*.logo{width:180px}*/
.nav{margin-left:auto;display:flex;gap:12px;align-items:center;width: 291px;}
.logo {
    max-width: 32px;
    margin-right: 7px;
}
.header-title {
    margin: 0;
    font-size: 1.3em;font-weight: 700;
}
.branding {
    display: flex;
    align-items: center;
    justify-content: center;
}
.holre-img {
    text-align: center;
}
.holre-img img {
    width: 322px;
}
.plan p, .plan h3 {
    text-align: center;
}
.plan a {
    display: block;
    text-align: center;
}
.pricing .plan {
    --tw-bg-opacity: 1;
   background-color: rgb(163 84 252 / 7%);
}
.feature img {
    text-align: center;
    margin: auto;
}
.nav a{color:var(--accent);text-decoration:none;font-weight:600}.container{max-width:var(--maxw);margin:18px auto;padding:20px}.hero{display:flex;gap:24px;align-items:center;background:var(--card);border-radius:12px;padding:28px;box-shadow:0 6px 20px rgba(2,6,23,0.04)}.hero .left{flex:1}.hero h1{margin:0 0 10px;font-size:28px}.lead{color:var(--muted)}.btn{background:var(--accent);color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700;display:inline-block}.btn.secondary{background:transparent;color:var(--accent);border:2px solid rgba(79,70,229,0.12)}.hero img{width:360px;border-radius:10px}.section{margin-top:28px;background:var(--card);padding:20px;border-radius:12px;box-shadow:0 4px 18px rgba(2,6,23,0.04)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:14px}.features-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:12px}.feature{background:linear-gradient(180deg,#fff,#fbfdff);padding:16px;border-radius:10px; text-align: center;}.pricing{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.plan{flex:1;min-width:220px;background:var(--card);padding:18px;border-radius:10px;border:1px solid rgba(2,6,23,0.04)}footer{margin-top:28px;color:var(--muted);text-align:center;padding:18px 0}
@media(max-width:900px){header{flex-direction:column;/*align-items:flex-start*/}.hero{flex-direction:column}.grid{grid-template-columns:1fr}}