.fontypo-hero{

    min-height:100vh;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
    padding-top:120px;

}

.fontypo-hero::before{

    content:'';
    position:absolute;
    width:900px;
    height:900px;
    background:rgba(215,255,0,0.08);
    filter:blur(120px);
    border-radius:50%;
    top:-300px;
    right:-200px;

}

.fontypo-hero::after{

    content:'';
    position:absolute;
    width:700px;
    height:700px;
    background:rgba(255,255,255,0.03);
    filter:blur(120px);
    border-radius:50%;
    bottom:-300px;
    left:-200px;

}

.fontypo-hero-content{

    position:relative;
    z-index:2;
    max-width:950px;

}

.fontypo-badge{

    display:inline-flex;
    padding:12px 20px;
    border-radius:999px;
    background:rgba(255,255,255,0.04);
    border:1px solid var(--fontypo-border);
    margin-bottom:30px;
    color:var(--fontypo-primary);
    font-weight:700;

}

.fontypo-hero-title{

    font-size:92px;
    line-height:1;
    font-weight:900;
    margin-bottom:30px;

}

.fontypo-hero-title span{

    color:var(--fontypo-primary);

}

.fontypo-hero-description{

    font-size:22px;
    line-height:1.8;
    color:var(--fontypo-muted);
    max-width:760px;
    margin-bottom:40px;

}

.fontypo-search-box{

    margin-bottom:50px;

}

.fontypo-search-box form{

    display:flex;
    align-items:center;
    background:#0f0f0f;
    border:1px solid var(--fontypo-border);
    border-radius:24px;
    overflow:hidden;
    height:90px;
    max-width:850px;

}

.fontypo-search-box input{

    flex:1;
    height:100%;
    background:transparent;
    border:none;
    padding:0 30px;
    color:#fff;
    font-size:20px;
    outline:none;

}

.fontypo-search-box button{

    width:220px;
    height:100%;
    background:var(--fontypo-primary);
    border:none;
    font-size:18px;
    font-weight:900;
    cursor:pointer;

}

.fontypo-hero-stats{

    display:flex;
    gap:50px;

}

.fontypo-stat{

    display:flex;
    flex-direction:column;

}

.fontypo-stat strong{

    font-size:42px;
    color:var(--fontypo-primary);

}

.fontypo-stat span{

    color:var(--fontypo-muted);

}