body{font-size:12px;min-width:unset;overflow-x:hidden;width:100vw;}
section{
    padding:5vw;min-width:unset;width:100vw;
    >img{max-width:90%;min-width:90%;width:90%;}
    info{button[blue]{max-width:unset;min-width:unset;width:100%;}}
    &[ai],&[beta],&[clients],&[footer],&[info],&[request],&[vendor],&[what],&[who]{min-width:unset;}
    &[ai],&[info],&[who]{flex-direction:column-reverse;}
    &[beta],&[request],&[vendor],&[what]{flex-direction:column;padding:10vw;}
    &[ai],&[beta],&[info],&[request],&[vendor],&[who]{info{max-width:100%;min-width:100%;text-align:center;width:100%;button{margin-top:20px;}div{font-size:14px;margin-bottom:30px;}ul{font-size:14px;text-align:left;}}}
    &[clients]{padding:100px 0;cards{gap:30vw;margin:48px 0;card{margin:0 10vw;max-width:80vw;min-width:80vw;width:80vw;}}}
    &[comment],&[info]{padding:10vw 5vw;text-align:center;h2{font-size:20px;margin:0 20%;width:60%;}span{width:80%;}}
    &[comment]{
        h2{
            /* display:none; */
            margin:0 0 20px;
        }
        span{
            font-size:12px;
        }
    }
    &[footer]{flex-direction:column-reverse;&>column{&:first-child{width:100%;}}}
    &[home]{
        height:max-content;
        max-width:100vw;
        min-height:100vh;
        min-width:100vw;
        overflow:hidden;
        padding:20px;
        width:100vw;
        content{
            flex-direction:column;
            margin:40px 0 20px 0;width:100%;
            >img{
                height:12vh;
                width:auto;
                margin:0 0 20px 0;
            }
            info{
                margin:0;
                max-width:80%;
                min-width:80%;
                text-align:center;
                width:80%;
                form{
                    margin:3vh 0 20px;
                    text-align:left;
                    width:100%;
                    button{width:100%;}
                    label{
                        span{
                            font-size:14px;
                            height:18px;
                        }
                        input{
                            font-size:12px;
                            height:30px;
                        }
                    }
                }
                h1{font-size:24px;margin:0 0 1.5vh;width:100%;br{display:none;}}
                p{font-size:12px;}
            }
        }
        trust{
            flex-direction:row;
            flex-grow:1;
            flex-wrap:wrap;
            gap:0;
            height:max-content;
            max-width:100vw;
            min-width:100vw;
            overflow:hidden;
            padding:0 0 20px;
            width:100vw;
            slide{gap:10vw;overflow:hidden;}
        }
    }
    &[what]{
        padding:10vw;width:100vw;
        grid{
            grid-template-columns:100%;grid-template-rows:25% 25% 25% 25%;
            box{
                h5{font-size:14px;line-height:18px;}
                span{
                    font-size:12px;
                }
            }
        }
    }
}
top{
    backdrop-filter:unset;
    height:66px;
    max-height:66px;
    min-height:66px;
    padding:0 20px;
    width:100vw;
    /* button{color:white;flex-grow:0;font-size:12px;height:30px;&[blue]{font-size:12px;height:32px;max-height:32px;min-height:32px;padding:6px 16.5px;}} */
    button,details{display:none;}
    icon{height:30px;margin-right:auto;svg{height:30px;width:30px;}}
}