@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700&family=Jura:wght@300;400&display=swap');
*{box-sizing:border-box}body{margin:0;font-family:Outfit,sans-serif;color:#fff;background:radial-gradient(circle at top,#23201a,#090909 55%,#000);line-height:1.5}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}
.logo{font-family:Jura,sans-serif;font-size:3rem;letter-spacing:.4rem;font-weight:300}
h1{font-size:clamp(2.5rem,7vw,5.8rem);font-weight:700;max-width:900px}
.sub{color:#bcbcbc}
.buttons{display:flex;gap:1rem;flex-wrap:wrap}
.btn{padding:1rem 1.6rem;border:1px solid #b48a3a;border-radius:999px;color:#fff;text-decoration:none;transition:.25s}
.btn:hover{background:#b48a3a;color:#000}
.secondary{border-color:#666}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;padding:5rem 8%}
.card,.phone{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem;text-align:center;transition:.25s}
.card:hover,.phone:hover{transform:translateY(-4px)}
.intro,.contact{max-width:800px;margin:auto;padding:2rem 8%;text-align:center;color:#d0d0d0}
.phones{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2rem;
    padding:2rem 8%;
}

.phone{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    padding:1rem;
    height:520px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.phone img{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
footer{padding:2rem;text-align:center;border-top:1px solid #222;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}
footer a{color:#aaa;text-decoration:none}
@media(max-width:700px){.hero{padding:1.5rem}}

.logo-img{width:140px;max-width:45vw;display:block;margin:0 auto 2rem auto}
@media(max-width:700px){
    .phones{
        grid-template-columns:1fr;
        padding:2rem 8%;
    }

    .phone{
        height:520px;
    }
}