body{font-size:12px;min-width:unset;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 10vw;card{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%;}}
    &[footer]{flex-direction:column-reverse;&>column{&:first-child{width:100%;}}}
    &[home]{height:max-content;min-height:100vh;padding:20px;content{margin:100px 0 48px 0;width:100%;>img{display:none;}info{margin:0;max-width:80%;min-width:80%;width:80%;form{width:100%;button{width:100%;}}h1{font-size:36px;width:100%;br{display:none;}}p{font-size:14px;}}}trust{flex-direction:row;flex-grow:1;flex-wrap:wrap;gap:0;height:max-content;width:100%;company{scale:.75;}}}
    &[what]{padding:10vw;width:100vw;grid{grid-template-columns:100%;grid-template-rows:25% 25% 25% 25%;box{h5{font-size:16px;line-height:18px;}}}}
}
top{
    padding:0 20px;height:66px;max-height:66px;min-height:66px;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;}}
    details{display:none;}
    icon{height:30px;margin-right:auto;svg{height:30px;width:30px;}}
}